《vue通信2》vuex狀態(tài)存儲及持久化，數(shù)據(jù)狀態(tài)監(jiān)聽更新

1.安裝 npm i vuex --save-dev


安裝成功提示

2.導(dǎo)入vuex 并設(shè)置


導(dǎo)入全局設(shè)置vuex

3.使用基本方法


基本使用方法，如需抽取，請自便

4.數(shù)據(jù)提交
this.$store.dispatch('setUserInfo','userInfo'));
setUserInfo要和設(shè)置 actions中的方法名一致

5.數(shù)據(jù)監(jiān)聽并顯示

test監(jiān)聽state中的數(shù)據(jù)變化

好了，這是利用state狀態(tài)管理監(jiān)聽相關(guān)知識梳理，

下次分享vue-vue-resource 監(jiān)聽state狀態(tài)并做網(wǎng)絡(luò)請求做界面數(shù)據(jù)實(shí)時更新，
ps：聲明本人只是將自己的學(xué)習(xí)成果及從去年至今做多頁面開發(fā)中的一小部分知識梳理，以上寫法有錯歡迎評論指正，^^

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容