Vue父子组件之间的传递

一、父组件向子组件进行传递
1、先形成父子组件关系
Vue父子组件之间的传递
2、在子组件props定义两个变量cmessage和cbooks (props是数组类型)
Vue父子组件之间的传递
3、使用组件 用v-bind绑定两个变量cmessage和cbooks,值为message和books
完整代码如下:
Vue父子组件之间的传递
下边是增加了一些修饰代码:
Vue父子组件之间的传递
Vue父子组件之间的传递

二、子组件向父组件进行传递
1、先形成父子组件关系
2、在子组件定义一个事件
3、在覆膜板接受这个自定义事件
Vue父子组件之间的传递
Vue父子组件之间的传递