vue父子组件通信

一,子组件调用父组件方法。

1,使用$emit,通过v-click,将方法传给子组件,子组件通过$emit在调用。
2,父组件通过v-bind绑定方法,传给子组件调用
3,使用$parent,子组件直接调用父组件方法

$root 和 $parent 都能够实现访问父组件的属性和方法,两者的区别在于,如果存在多级子组件,通过parent 访问得到的是它最近一级的父组件,通过root 访问得到的是根父组件(App.vue) 所以存在组件嵌套的情况下 不要使用 $root。

二,父组件调用子组件方法。

1,通过props给子组件传递数据,
2,通过$ref给子组件传递数据,调用子组件方法。
3,通过$children,在通过索引找到需要的子组件,然后给子组件传递数据,调用子组件方法。

参考:csdn博客
https://blog.csdn.net/alokka/article/details/87104189

你可能感兴趣的:(vue.js)