vuex简单使用

Store文件中index.js配置的代码

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

Vue.use(Vuex)

const store = new Vuex.Store({
  state: {
    //公共数据
    count: 0
  },
    //在执行此方法时，系统会自动传入state的参数
  mutations: {
    //公共方法
    increment (state) {
      state.count++
    }
  }
})

其他模板使用

components:{
    "son1":{
        template:'#son1',
        methods:{
            add(){
                this.$store.commit("increment")
            }
        }
    }
}

getters属性 类似 计算属性

getters:{
    formart(state){
        //监听数据改变执行此方法
        return state.count++
    }
}

模板使用

{{this.$store.getters.formart}}
//调用