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 サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
