vue bus用法是什麼

vue bus的用法：1、透過「npm install vue-bus」安裝vue-bus；2、在main.js中引入vue-bus；3、透過「this.$bus.emit(. ..);”等方式在組件中使用即可。

本文操作環境：Windows7系統、Vue2.9.6、Dell G3電腦。

vue bus用法是什麼？

Vue 中Bus使用方法：

使用：兄弟元件之間進行傳值；

安裝：

npm install vue-bus

 

在main.js中引入vue-bus

 

# 

 

import Vue from 'vue';
import VueBus from 'vue-bus';
 
Vue.use(VueBus);

 

#在元件中使用：

 

A元件觸發事件：

this.$bus.emit("parameterName",params)；

 

 

B元件接收事件：

this.$bus.on("parameterName",function(value){
　　console.log(value)
});

 

元件銷毀時解除事件綁定：

destroyed:function(){
　　this.$bus.off("parameterName")
}

推薦：《最新的5個vue.js影片教學精選》

以上是vue bus用法是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！