Vue组件间通信

在某些小型项目中,要在多组件之间通信,如果不用vuex的话,还可以使用eventbus的方式达到目的。

首先新建一个js文件,例如bus.js

import Vue from 'vue'
export default new Vue()

这样在每一个需要进行通信的组件中引入该文件

import Bus from 'path/bus.js'

bus.$emit('someEvent', args)

然后使用bus.$on('someEvent')就可以监听到事件。

这样,利用vue本身的特性,来完成组件间通信的一种方式,是比较简单的一种方式,相比于vuex,不需要引入新的文件来增加打包后文件的体积,但是vuex更好更强大也是毋庸置疑的,根据项目的不同抉择更好的方式吧。

如果您觉得本文对您有用,欢迎捐赠或留言~
微信支付
支付宝

发表评论

您的邮箱地址不会被公开。 必填项已用 * 标注