最近專案中vuex用的比較多,特此記錄一下:
vuex:vue中的狀態管理,可用於儲存一些全域性的變數,方法,如購物車,token等
vuex中有state,getter,mutations,actions,modules這5個
state:元資料,類似於vuex中的data屬性中的值,原則上是不應該直接修改,但是如果你一定要改也是可以的
getter:計算屬性,和元件中的computed一樣
mutations:改變state資料的方法,該模組內的方法為同步方法
actions:和mutations一樣,可以非同步使用
modules:拆分vuex的時候使用,將vuex按功能或者別的什麼拆成不同模組
import vue from 'vue'
import vuex from 'vuex'
import myinfo from './myinfo'
const modules =
const state =
const getter =
const mutations =
}const actions => , data) =>
}export default
modules的檔案和普通的vuex檔案有乙個區別,在匯出的時候,需要將namespaced設定為true
export default
這裡只介紹我個人比較喜歡的一種方式,使用vuex中的mapgetter,mapactions
Vuex使用記錄
最近在專案上使用vuex,從陌生到熟悉,整理一下使用思路和方法,加深印象。官方文件 先明確幾個概念 1.state 資料來源 訪問 this.store.state.x2.getter vuex的計算屬性。類似於computed裡面的操作函式。如果要在多個元件使用,提取到getter中,就會十分方便...
vuex填坑記錄
vuex是需要等待頁面載入完成後才會更新的,如果頁面點選重新整理有用到vuex的地方,那麼vuex會保持舊的資料,等重新整理完成後vuex的資料才會重置,所以要在頁面載入後再呼叫vuex的資料才是正確的,如果在created或者mounted階段鉤子函式內使用,那麼他的資料會是舊的資料導致出錯,所以...
vuex 原始碼分析 vuex原始碼解讀 簡易實現
原始碼解讀 開始之前,先貼個大綱 首先,我們從使用方法入手,一步步來看 store.js import vue from vue import vuex from vuex vue.use vuex export default new vuex.store data 2000 main.js im...