国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

Vue 2.X的狀態管理vuex記錄詳解

2019-11-19 17:03:55
字體:
來源:轉載
供稿:網友

記住上述的順序情況:想要改變state,只能通過Mutation,雖然action可以直接改變state,這樣會使每個狀態可以方便的跟蹤和記錄(用Devtools跟蹤)

vue Method   --->  Actions  ---> Mutions  ---> State (作用于vue)

在Vue2.X中使用vuex的情況:

  1、多個視圖依賴于同一狀態,  比如驗證登陸情況。

  2、來自不同視圖的行為需要變更同一狀態 ,

  3、不在一個組件樹(不是父子組件的關系),組件間頻繁的進行數據和狀態的傳遞,更改。 

新建一個mutation-types.js文件,這個文件里面只做了一件事,那就是記錄了事件類型,對mutation有個整體的把握。 

store 中的狀態是響應式的,在組件中調用 store 中的狀態簡單到僅需要在計算屬性computed中返回即可。觸發變化也僅僅是在組件的 methods 中提交 mutations。

action中的函數觸發,是在vue的methods中通過   this.$store.dispatch('方法名',參數)

action內部的函數具體寫法:只是起了一個承上啟下的作用,真正的處理邏輯在mutation中。 

需要注意點就是:store.js里面的配置。(想把{}里面東西提出來,在App中new,屢次不成功。)

總結

以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作能帶來一定的幫助,如果有疑問大家可以留言交流,謝謝大家對武林網的支持。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 靖安县| 莱阳市| 永兴县| 襄樊市| 孝昌县| 天津市| 库伦旗| 平南县| 祥云县| 会理县| 洪雅县| 洪江市| 忻城县| 平乡县| 乌拉特前旗| 丹巴县| 建德市| 无为县| 兴安盟| 嘉善县| 贡嘎县| 文昌市| 武山县| 滕州市| 龙江县| 平武县| 玉环县| 吉安市| 平舆县| 乐东| 阿拉善盟| 屏南县| 绥化市| 梁平县| 德昌县| 靖州| 太保市| 郯城县| 西平县| 湾仔区| 闽侯县|