老师您好,我想问一下关于父组件子组件数据的问题以及传递数据
来源:2-4 vue父子组件如何通讯
要每天学习的小蓝同学
2022-01-20 10:23:18
子组件:List.vue Input.vue
父组件:Index.vue
子组件可以有自己的数据,自己设置数据或者ajax请求获得的数据,但是操作这部分数据仅限于自己子组件内,不会影响到其他组件。
如果是触发Input子组件的事件,生成的数据体现在List子组件上,就需要在父组件进行数据的设置及获取(而不是在子组件设置数据)。然后通过:list = "list"把数据传给List组件,List组件通过props: [ 'List' ] 接收并渲染。
当需要对数据进行操作的时候,也是需要在Index父组件中对应的子组件上设置添加或删除事件@addItem = "HandleAddItem"(没有执行),需要在子组件设置点击事件,当点击事件触发时候,就触发了父组件的操作事件this.$emit("addItem"),父组件中HandleAddItem函数被执行。完成对数据的操作。本质上还是父组件对自己的数据进行操作。
(todoList)
1回答
同学你好,对当前小节代码理解没问题,很棒!祝学习愉快~
相似问题
回答 3
回答 1