安裝 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ù)和方法:
4.在a.vue里引入store芬位,并在計(jì)算屬性添加方法无拗,獲取state的公共數(shù)據(jù)count賦值給a.vue的count:
5.在b.vue里使用mutations的公共方法,增減a.vue里的count: