通过Vuex设计全局变量

在项目中和router文件夹同级建立store文件夹，新建index.js文件
添加以下代码：
（前提是已经npm过vuex，或者项目已经有该环境。）

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

Vue.use(Vuex)
const store = new Vuex.Store({
  state: {
    openDialog: false,
  },
  mutations: {
    openDialogFunc(state) {
      state.openDialog = !state.openDialog
    }
  },
  actions: {

  },
  getters: {

  },
  modules: {

  }
})

export default store

在其他组件中的调用方法：

methods: {
        // 控制弹窗和传值
        getMessage() {
            // vuex,store中的函数调用Function,格式如下
            this.$store.commit("openDialogFunc");
            // console.log(x + "fuzujian");
        },
       };

简单两步，这样一个全局变量就被定义且被调用了。
ps：关键在于调用的时候this.$store.commit（“XXX”）是不可改变的。