Vue 组件通信最直接的获取方式 $parent / $children

通常我们在我们在vue项目中经常会用的组件之间的通信 无论是全局都可以传递的Vuex 还是 $Bus 获取 provide / inject API ，还是props $emit 这种方式都可实现组件通信，但是他们实现通讯的前提都需要坐很的的操作，比如VueX 需要进行全局挂在 provide / inject API ，还是props $emit 都是需要父子组件相互定义的，当然他们这些API 都有很好的对应场景。

如果我们现在的需求是要放把父组件的 data 里面的某一个值改变或者是调用父组件的的函数，你又觉得用传统的父子组件通信太麻烦了，你就可以用到我提到的这两个通讯方式

1.$parent 子组件获取父组件的方法/变量

改变数据

父组件：

data（）{
    return {
        fatherId:1,
}
}

子组件：

      this.$parent.fatherId= 2;
    

最终的结果得到为2

这就是通过$parent 这个API 来实现的

这个方法除了改变data 数据也可以用来作为函数调用

this.$parent.fatherMethod()

$children 的使用方法和$parent 是一样的但是运用场景是相反的 $parent 是获取父组件的方法，$children 是用来获取子组件的方法/或者变量的 得到的结果类似于$ref $refs