Vueバスの用途は何ですか?

vue バスの使用: 1. 「npm install vue-bus」を通じて vue-bus をインストールします; 2. main.js に vue-bus を導入します; 3. 「this.$bus.emit(. . .);" およびその他のメソッドをコンポーネントで使用できます。

この記事の動作環境: Windows 7 システム、Vue2.9.6、Dell G3 コンピューター。

vue バスの用途は何ですか?

Vue でバスを使用する方法:

使用法: 兄弟コンポーネント間で値を渡す;

インストール:

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バスの用途は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。