zoukankan      html  css  js  c++  java
  • 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文件夹

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

    (原地址)链接: 原地址
  • 相关阅读:
    HDU 2045 不容易系列之(3)—— LELE的RPG难题(递归/动态规划)
    UVALive 6885 spfa
    hdu 1142 A Walk Through the Forest spfa
    hdu 2795 Billboard 线段树
    hdu 1394 Minimum Inversion Number 线段树求逆序数
    hdu 1754 I Hate It 线段树-区间最值
    poj 1088 滑雪 动态规划
    poj 1163 The Triangle 动态规划
    hdu 1258 Sum It Up 搜索
    hdu 3006 The Number of set 状态压缩
  • 原文地址:https://www.cnblogs.com/shanshuiYiCheng/p/14302210.html
Copyright © 2011-2022 走看看