vue 簡單方法替代vuex或者bus

2022-07-20 07:21:12 字數 520 閱讀 9007

兄弟元件,隔代元件傳值很麻煩,方法雖然多,但都各有缺點。

vuex: 適合資料量大,並且函式集中處理。

bus:適合資料雖少,卻不得不用的時候,維護困難。

root:這兒指將值掛在root元件上,需要的元件都到root上去取。

有時候資料量不多,覺得引入vuex又使得專案變得沉重,使用全域性bus又顯得不好維護,使用跟元件更是感覺跟理念不符合。

store:這就是介紹的簡單方法。詳細如下

2、data裡掛載的資料是動態繫結的。

3、引入的一定是個物件。

1

2 export default

7 }

//

需要使用公用資料的 元件

import store from './store.js'export

default

},}

store裡的方法可以當methods裡面的方法使用。任何元件改變了store裡的值,所有元件store裡的值都會發生改變。

python unittest簡單方法

下面一步步的展示如何使用unittest來測試。1 匯入unitttest模組 import unittest2 定義乙個被測試函式 def add a,b return a b3 建立乙個unittest.testcase子類 class demotest unittest.testcase pa...

vue 引入公共css檔案的簡單方法 推薦

如果不想把css寫在單檔案元件裡如這樣 可以將css樣式寫在外部,再通過下面三種方法中的一種引入 1 在入口js檔案main.js中引入,一些公共的樣式檔案,可以在這裡引入。import vue from vue import app from app 引入app這個元件 import router...

Vue狀態管理Vuex簡單使用

狀態管理儲存在store index.js中,簡單說明如下 import vue from vue import vuex from vuex vue.use vuex export default newvuex.store state成員操作,必須通過mutations操作state mutat...