安裝 vuex :? npm install vuex --save
1.在新建的vue-cli項(xiàng)目中,新建兩個組件a,b,實(shí)現(xiàn)的功能是通過b.vue里的按鈕增減a.vue里的數(shù)據(jù)。
2.安裝vuex闹获,并在src文件夾下新建store文件夾,在store文件下新建index.js文件。
2.在main.js引用需要使用的組件并將vuex注入根實(shí)例:
3.在store的index.js里引入vue和vuex并寫入公共使用的數(shù)據(jù)和方法:
這里建項(xiàng)目時(shí)下載了語法檢測的什么鬼敬飒,總是出現(xiàn)紅色下劃線,其實(shí)并沒錯
4.在a.vue里引入store芬位,并在計(jì)算屬性添加方法无拗,獲取state的公共數(shù)據(jù)count賦值給a.vue的count:
5.在b.vue里使用mutations的公共方法,增減a.vue里的count:
此時(shí)就可以通過b.vue的按鈕昧碉,增減a.vue的數(shù)據(jù)啦
一點(diǎn)皮毛英染,還得繼續(xù)研究啊