Vue第三天,子组件像父组件传值

1.当使用v-for的时候,(item,index) in list

这里的item是遍历的值,index是值得下标,我们使用v-bind把这个下标也传递给自组件,

子组件在props中接受,然后给template的li标签,也就是我们添加的内容添加一个点击事件,

v-on:xxx的简写方式是@xxx   这里在子组件添加一个方法,让他向父组件传递一个方法,和参数index

使用$emit,传递一个delete事件给父组件,父组件使用@delete监听到这个事件,然后触发handleitemdelete的方法。

触发的这个方法的含义是,从list中删除下标是从index的数据,删除的数量是一个。

2.v-bind 可以简写为 :xxx即可。

猜你喜欢

转载自blog.csdn.net/cc012812/article/details/87870060
今日推荐