Vue-TodoList(父子组件传值)
- 在组件的模板里绑定点击事件handleItemClick,props接收content和index两个变量
- 在组件的methods里声明handleItemClick方法,并用$emit触发当前实例上的事件,附加参数index传给监听器delete回调。
- 在组件标签里添加监听事件delete
- 在vue实例methods里声明delete方法(传参数index),利用splice()方法,从当前下标开始,删除一项,实现点击一行删除对应一行的效果
- 父组件通过v-bind向子组件传值,子组件通过props接收相应数据
- 子组件通过$emit向上一层触发事件,父组件通过v-on事件监听就可获得子组件传递的内容
- 子组件 props 属性声明时,使用小驼峰或者中划线写法都可以;而子组件的模板使用从父组件传来的变量时,需要使用对应的小驼峰写法。