vue 设置了全局变量，要怎么在组件使用中修改它呢

Question

写了个全局变量在a组件中获取到了，但是无法在a组件中修改它的值，尝试修改以后在b组件中调用依然是最初设置的值。很疑惑。
求大家指导，拜托拜托，我是一颗小白菜

Answer 1

跨组件共享，建议使用Vuex

Answer 2

经过反复实践，算是有点弄明白了这个问题。
在main.js 中引入 config.js

import defines from './config'

Vue.prototype.defines = defines

config.js 的内容如下：

export default {
  name: 'Who',
  sex: 'Male',
  setname (newName) {
    this.name = newName
    console.log('姓名已经改变')
  }
}

然后在调用全局变量的vue的html中加入：

{{ this.defines.name }}

就可以显示全局变量了。

修改的方法为：
在调用全局变量的vue的script中加入：

this.defines.setname('小强')
console.log(this.defines.name)

就能修改了。
还有点问题，就是修改后的全局变量，如果被别的vue同时调用时，别的vue没有办法自动刷新新值。继续研究中，共勉。