vue的组件通讯方式都有哪些？？

vue的组件通讯方式有哪些以及简单概括一下双向绑定原理，vuex的理解和使用场景以及优缺点

props和$emit(常用)
$attrs和$listeners
中央事件总线（非父子组件间通信）
v-model
provide和inject
$parent和$children
vuex
可以看下这个
https://www.cnblogs.com/barryzhang/p/10566515.html

1.父子 ，子父 ，跨组件 通信

2.双向绑定原理

vue双向绑定原理分析 - 简书 原理 vue.js 则是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发... https://www.jianshu.com/p/1b75a3623d0d

首先我们为每个vue属性用Object.defineProperty()实现数据劫持，为每个属性分配一个订阅者集合的管理数组dep；然后在编译的时候在该属性的数组dep中添加订阅者，v-model会添加一个订阅者，{{}}也会，v-bind也会，只要用到该属性的指令理论上都会，接着为input会添加监听事件，修改值就会为该属性赋值，触发该属性的set方法，在set方法内通知订阅者数组dep，订阅者数组循环调用各订阅者的update方法更新视图。
vue 官方 也有

当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项，Vue 将遍历此对象所有的 property，并使用 Object.defineProperty 把这些 property 全部转为 getter/setter。Object.defineProperty 是 ES5 中一个无法 shim 的特性，这也就是 Vue 不支持 IE8 以及更低版本浏览器的原因。

这些 getter/setter 对用户来说是不可见的，但是在内部它们让 Vue 能够追踪依赖，在 property 被访问和修改时通知变更。这里需要注意的是不同浏览器在控制台打印数据对象时对 getter/setter 的格式化并不同，所以建议安装 vue-devtools 来获取对检查数据更加友好的用户界面。

每个组件实例都对应一个 watcher 实例，它会在组件渲染的过程中把“接触”过的数据 property 记录为依赖。之后当依赖项的 setter 触发时，会通知 watcher，从而使它关联的组件重新渲染。

且vue3 不一样 它使用的时proxy这个性能更好 ，解决了 vue2里 对象属性无法变为 相应式数据的缺陷。

3.vuex 就是一个状态管理的库，用来共享数据。只要 connect store 就可以 使用其状态
使用时需要考虑是否值得使用，使用后会增加很多文件比如 action,store等等
场景 当组件通信无法 满足 时 需要使用，就是需要共享的数据 很多 且 很多组件都需要，并且 一个变化 整个都变化。
优点： 方便，简单
缺点：vuex保存的状态 并不持久