- 父组件向子组件通信
使用props,父组件可以使用props向子组件传递数据。
使用$children可以在父组件中访问子组件。 - 子组件向父组件通信
在vue中,不建议在子组件中更改父组件的状态,所以我们通过在子组件中使用vm.$emit( eventName, […args] ),在父组件中监听子组件emit触发的事件来进行通信。
使用$parent可以访问父组件的数据。 - 非父子组件,兄弟组件之间的通信
这类通信,我们往往需要一个中间的桥梁,这个桥梁我们通常叫做 evnetbus,在src/assets 中新建它,之后我们要在我们创建的组件中引用它。然后两个组件就可以通过bus.$emit 和 bus.$on 来进行通信了。前者发送数据,后者接收数据。
vue 组件之间的通信
最新推荐文章于 2022-08-10 15:37:30 发布