一、vuex工作原理?
- stats:是一個object對象,里面有很多key-value,存放的就是要操作的數據。
- mutations:是一個object對象,真正去操作stats的人。
- actions的作用:是一個object對象,當一個動作對應的值需要發送ajax請求才能獲取,則在actions中發送ajax請求。
實際上要操作的是,store提供的dispatch和commit函數。
當不需要發送ajax請求,也沒有復雜的邏輯處理的時候,vuex允許不走actions,直接走multation。
目的:要讓所有的組件實例對象都能看見store。
二、搭建vuex的開發環境
2-1、vuex的引入和使用
在main.js中引入和使用vuex
注意:
想要vm身上有新的屬性,要引入和使用,否則隨便寫的話,vue是不認的!
只要vm身上有store,此時,所有的組件實例對象vc和vm都能有store。
store身上要有三個對象:actions、mutations、states;
store身上要有兩個接口:dispatch、commit。
2-2、創建store?
vue-cli的import問題:
即使import沒有寫在一起,vue-cli執行的時候也會把import匯總執行!
解決方式:
將vuex的引入和使用,放到store下的index.js文件中
?
三、小結
?