最近在使用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文件夹
此文未完懶得搬了 具體看以下:
(原地址)链接: 原地址