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文件夹

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

(原地址)链接: 原地址
原文地址:https://www.cnblogs.com/shanshuiYiCheng/p/14302210.html