vue 全局静态变量_vuex，vue全局变量管理和状态更新的利器

vuex是官方提供的管理全局变量的工具，主要是为了组件之间的交流，同时把组件的耦合性降到最低，只要根据官方的格式来写就可以了

1、安装

npm install vuex -S

2、配置

然后在 main.js 中引入

import store from './vuex/store'

new Vue({里面记得写store,

3,核心仓库 store.js

import Vue from 'vue'

import Vuex from 'vuex'

Vue.use(Vuex)

// 这里定义初始值

let state = {

name:"",

};

const mutations = {

setName(context,msg){

context.custid = msg;

},

};

// 事件触发后的逻辑操作

// 参数为事件函数

const actions = {

};

// 返回改变后的数值

const getters = {

};

export default new Vuex.Store({

state,

mutations,

actions,

getters

})

4、读取store中的值

computed: {

author () {

return this.$store.state.name

}

}

5、改变值，官方推荐方法

this.$store.commit('setName',"Jack");

setName要和store中mutations 里面的方法名对应