vue父子组件通信方式哪几种

第一种：props和$emit()

parent.vue

children.vue

按按钮之前：

按按钮之后：

第二种，回调函数callback

parent.vue

点击按钮前：

点击按钮后：

第三种，$parent和$children

parent.vue

children.vue

点击“改变子number”前：

点击“改变子number”后

children.vue

parent.vue

点击前：

点击后：

第四种，provide和inject

parent.vue

children.vue

运行结果：

第五种，$attrs+$listeners

parent.vue

children.vue

GrandChildren.vue

运行结果（从父亲传到了孙子）：

点击按钮后：

第六种，ref

parent.vue

children.vue

点击后：