vuex导入_来来来一起走进vueX,一起征服它

1,安装:  npm i vuex --save
2,导入:  import Vuex from 'vuex' //store.js
         Vue.use(Vuex)

安装完成后会自动生成store.js

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)
export default new Vuex.Store({
  state: { //这里面存放的是全局共享的数据

  },
  mutations: { //用于变更state中的数据
               // 注意的时候  在这里不能执行异步操作,比如setTiemout,界面上不会出现什么问题,
              就是在vue调试工具中有问题 不能同步到state中的值
  },
  actions: { //专门处理异步操作变更数据,但只有mutiaonsy定义的函数才有权力修改state中的值

  }
})

vuex mutations 方法调用

vuex actions 的使用

第二种 简易方法使用

getter 的使用方法

总结是:state和getter 都是计算属性,所以要放在computed
mutations 却如下:

computed:{
  ...mapState(["count"]),
  ...mapGetters(['functionadd'])			
},
methods:{
   ...mapMutations(['add']),
}