vue-bus,vue bus.js

　　本文主要介绍了Vue中总线的使用，非常详细的为大家介绍，对大家的学习或者工作都有一定的参考价值。有需要的朋友可以参考一下。

vue总线机制(bus)

　　vue中非父子组件之间的通信除了vuex之外还可以通过bus bus，两者的应用场景不同。

　　总线适用于数据由较少组件使用的小型项目，但不适用于在许多组件之间使用数据的大中型项目。实际上，bus是一种发布-订阅模式，使用vue的自定义事件机制，在被触发的地方通过$emit发布一个事件，在需要监控的页面通过$on监控事件。

　　Vuex适用于在多个组件之间共享数据的大中型项目。

组件通信bus的使用

　　在utils文件下创建bus.js。

　　//utils - bus.js

　　从“vue”导入Vue

　　const bus=new Vue()

　　导出默认总线

一、传值

　　发送消息

　　从“@/utils/bus”导入总线

　　第一个参数是标志变量，第二个参数是通信值。

　　我们。$emit(message ， hello )；

　　接收信息

　　从“@/utils/bus”导入总线

　　第一个参数是标志变量，第二个参数中的e是通信值。

　　公交车。$on(消息，(e)={

　　console.log(e)

　　})

二、调用方法

　　一个组件(a)调用另一个组件(b)的方法

　　组分b的方法

　　从“@/utils/bus”导入总线

　　已安装(){

　　公交车。$on(testA ，this.testA)

　　},

　　testA () {

　　Console.log(“由组件A调用”)

　　}

　　分量调用

　　从“@/utils/bus”导入总线

　　已安装(){

　　公交车。$emit(testA )

　　}

　　关于总线在Vue中的使用的这篇文章到此为止。更多关于vue总线使用的信息，请搜索我们之前的文章或者继续浏览下面的相关文章。希望你以后能支持我们！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。