vuex

vuex保存多个组件共用的变量。
下载：npm i vuex -D.
import Vuex from “vuex”//引入vuex组件
Vue.use(Vuex)//注册
//创建vuex实例，main.js

var store = new Vuex.Store({
  state:{count:3},//保存全局的状态
  
  mutations:{//定义加方法
    increment(state，c){//c是被调用时传的参数。
      state.count+=c
    },
    
    substract(state){
      state.count--
    }
  },
  getters:{//获取方法。
    optCount:function (state) {
      return state.count//返回共享参数
    }
  }

//使用共享参数：

{{$store.getters.optCount}}

//调用共享方法：

this.$store.commit("increment",this.val)

注册vuex实例：

new Vue({
  router,
  render: h => h(App),
    //注册vuex实例
  **store,**
}).$mount('#app')