(父子组件非父子组件关系图)
没有代码的实际演示,是理解不了上图他们之间怎么通信传值的,组件之间的通信传值是一块硬骨头,逻辑比较绕,远比函数传参复杂得多,为来更好的理解父子组件间传值,下面以一个todolist...父组件怎么向子组件传值?
子组件怎么向父组件通信?
?...(父子组件通信传值)
你将在以下看到,我先不使用组件方式实现todolist,然后转化为组件的方式进行编写,添加内容实现父组件传值给子组件,删除列表项,子组件怎么触发父组件进行通信,感受数据驱动影响视图...(父组件向子组件传值,自定义属性,子组件通过props进行接收)
上面示例代码中,实现父组件向子组件传值添加操作,那么现在我想点击每个列表项的时候,能进行逐条删除操作,该怎么实现呢,这就涉及到子组件向父组件传值的问题了...(子组件通过$emit向父组件触发自定义事件)
小结:
到这里的话,父组件和子组件之间的简单传值就已经结束了,在写vue代码的时候,不要直接去操作dom,而是通过数据的改变让页面自动变化,父组件向子组件传值