vue 父子组件的相互调用

1.子组件直接调用父组件的数据和方法

在父组件father.vue

点击查看代码

下面在子组件中调用父组件的数据和方法

点击查看代码

总结:
直接在子组件中this.\(parent.prop调用的数据; this.\)parent.fn()调用的方法

父组件调用子组件的地方，添加一个ref的属性，属性值任意定义即在父组件组件中 father.vue

点击查看代码

child.vue的数据

点击查看代码

总结：父组件调用子组件的地方，添加一个ref的属性，属性值任意定义
　　父组件某一个事件中，可以通过this.\(refs.test.prop拿到子组件的数据，可以通过this.\)refs.test.fn()调用子组件的方法

vue