Vuex的使用

1.src/store/index.js

2.下载 import Vuex from 'vuex'

3.注册
import Vue from 'vue'
Vue.use(Vuex)

4.实例化
const store = new Vuex.store({
state:{
//共享数据
},
 getters,
  mutations: {
//同步
},
  actions: {
//异步
},
  modules: {}

})
5.暴露出去
export default store;

1.获取到vuex里面的共享数据

$store.state.模块名.共享数据名

2.state里面的数据只能通过mutations修改

1.方法一
this.$store.commit('方法名'，参数)
2.方法二
辅助函数
import {mapmutations} from 'vuex'

methods:{
...mapmutations{'方法名'}
this.方法名
}

3.actions可以修改mutations里面的值

/

1.方法一
this.$store.dispatch('方法名'，参数)
2.方法二
辅助函数
import {mapActions} from 'vuex'

methods:{
...mapActions{'方法名'}
this.方法名
}