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更好更强大也是毋庸置疑的,根据项目的不同抉择更好的方式吧。
如果您觉得本文对您有用,欢迎捐赠或留言~
- 本博客所有文章除特别声明外,均可转载和分享,转载请注明出处!
- 本文地址:https://www.leevii.com/?p=1660