(父子组件非父子组件关系图)
没有代码的实际演示,是理解不了上图他们之间怎么通信传值的,组件之间的通信传值是一块硬骨头,逻辑比较绕,远比函数传参复杂得多,为来更好的理解父子组件间传值,下面以一个todolist...(未使用组件的方式实现todolist)
从上面的示例代码中涉及到几个知识点:v-model指令,v-for循环列表,通过先前学过的内联样式中绑定事件方法@(v-on),在根实例app中的metods方法中操作数据...当一个值传递给一个 prop 特性的时候,它就变成了那个组件实例的一个属性,本质上这个prop的类型是由父组件传过来的值决定的,当然在写法上这个prop要注意大小写问题,具体可查看文档的
在子组件的模板中使用...(父组件向子组件传值,自定义属性,子组件通过props进行接收)
上面示例代码中,实现父组件向子组件传值添加操作,那么现在我想点击每个列表项的时候,能进行逐条删除操作,该怎么实现呢,这就涉及到子组件向父组件传值的问题了...,在实际中,可以看出是得做了不少工作的,那张父子组件传值图虽然简单粗暴,但是内部涉及的知识却是不少的
总结:
文章到这里就结束了,如果您能坚持读完,相信您对父子组件传值有所感受,整篇文章信息量比较大,从认识