Vue系列狀態管理篇 Bus事件匯流排篇

2021-10-04 04:28:47 字數 754 閱讀 1589

原理:建立乙個空的vue例項,來作為互動的中介

新建乙個資料夾bus,在資料夾中新建乙個檔案 bus.js (也可以不要)

在檔案 bus.js 建立以下**

import vue from

'vue'

const bus = new vue()

export default bus

3. 在 main.js 匯入 bus.js 

​````js

import bus from "./bus";

vue.prototype.$bus = bus;

呼叫方法:this.$bus

基本就是給bus

繫結各種

東西,然

後調

用bus繫結各種東西,然後呼叫

bus繫結各

種東西,

然後呼叫

bus獲取

給bus繫結事件

"handleclick"

>按我<

/button>

// html

methods:

}

獲取

mounted()

)}

Vue中的事件匯流排 bus

在vue中,我們父子之間通訊簡單明瞭 父元件向子元件傳值 props,在父元件中,用 要傳遞過去的名字 要傳遞的值 在子元件中 使用props 接受即可 子元件向父元件傳值 emit.通過自定義方法,在子元件中,我們使用this.emit 方法名 引數 向父元件傳值 在父元件中,我們使用子元件傳遞過...

Vue狀態管理

一 vuex是什麼 二 使用 單向資料流 state const state 使用 this store.state.uid this store.state.nickname getters const getters mutations 不推薦使用 mutations const mutatio...

flutter Provide 狀態管理篇

provide是google官方推出的狀態管理模式。官方位址為 現在flutter的狀態管理方案很多,redux bloc state provide。步驟 1.新增依賴 2.建立狀態管理dart檔案 import package flutter material.dart class counte...