首页 > 其他 > 详细

vue添加使用全局变量

时间:2019-06-12 21:59:24      阅读:145      评论:0      收藏:0      [点我收藏+]

一、安装vuex

npm install vuex --save

二、创建全局变量配置文件

cd src
mkdir store

然后创建store.js文件

三、倒入store.js文件

在main.js文件中添加

import Vuex from vuex
import store from ./store/store

new Vue({
el: ‘#app‘,
router,
store, // 将引用的文件添加到Vue项目中
components: { App },
template: ‘<App/>‘
});

在store.js文件中添加

import Vue from vue
import Vuex from vuex

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    // 定义各种全局变量
  },
  mutations: {
    //定义各种方法,一般用于axios
  }
})

引用变量

比如store.js文件中定义:
state: {
    username:  Cookie.get("username"),
    token:  Cookie.get("token"),
  },

那么在其他vue文件中引用如下:
this.$store.state.token
this.$store.state.username

 

vue添加使用全局变量

原文:https://www.cnblogs.com/ttyypjt/p/11012876.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!