父子组件之间的通信传输非常常见,但如果脱离了父子组件这种关系,则需要运用其他的方式进行传输数值,这时候需要使用bus,那么这种方式我们就成为vue事件总线。今天主要为大家介绍vue事件总线怎么用,希望通过下文的介绍可以让大家迅速了解事件总线的用法。
vue事件总线怎么用?
1、一般我们会使用事件名称以及参数来对外进行传输数值,也就是this.$bus.$emit,再次提示,这是向外传值时使用的事件总线。
2、对于接收值的组件来说,我们一般使用事件名称,(参数)=>{},也就是this.$bus.$on。这是接收值的组件。
3、需要各位注意的是,由于bus并没有定义,如果直接使用bus是没有任何值的,一定需要通过main.js中vue的原型链中搭载这种方法,搭载的就是bus,只有在搭载了以后,这时候的bus才是能够使用的。
事件总线分为哪几步?
一般来说事件总线的使用分为四步,分别是初始化、发送事件、接收事件以及事件监听的移除。初始化就是对事件总线进行创建和导出。接下来就是尝试发送事件,具体方式方法不再做赘述。发送完毕以后就可以接收事件。前三步如果都操作完毕,接下来就是将所有的事件监听进行移除,一是移除所有事件频道,二是移除所有的事件监听。
对于vue事件总线怎么用,以上内容就是一些基本介绍。实际上事件总线操作起来还是非常简单的,没有特别复杂的逻辑。将这些操作熟悉以后,后期事件总线的实施就会非常简单。事件总线的步骤还是比较简单的,牢记以上四步操作即可。