vue 如何設置全局變量（用 store ）

最近在使用vue的过程中，遇到一个需求，就是需要在不同路由中使用同一个会改编的参数，也就是需要一个全局参数，一看见全局，不就是使用window呗。可是既然已经使用vue了，当然要研究一下vue里面怎么实现的。于是简单了解了一下store。

    首先，我的需求比较简单，只是全局变量，但是在我查找各种资料的时候发现看不懂。。。这就尴尬了，而且大部分的文章都是讲述store的状态管理，理解store，但是找了一上午，还真的没有看到该怎么使用，怎么声明一个最简单的store，怎么存入全局变量，怎么获取全局变量。然后自己看了一下官方的store文档资料，决定自己先写一个最简单的使用方法。

    首先，我们需要声明一个store的index.js文件： 

   

import Vue from 'vue'

import Vuex from 'vuex'

Vue.use(Vuex)

export default new Vuex.Store({

  state: {

    //这里放全局参数

  },

  mutations: {

    //这里是set方法

  },

 getters: {        //这里是get方法   },

  actions: {

    //这个部分我暂时用不上

  },

  modules: {

//这里是我自己理解的是为了给全局变量分组，所以需要写提前声明其他store文件，然后引入这里

  }

}) 

这就是一个最简单的store文件格式了。

然后根据我们的变量分组，我新建了一个module文件夹

此文未完懶得搬了 具體看以下： 

（原地址）链接： 原地址