Vue 全局变量防刷新优雅实现

1.vue项目中创建global.js

创建global.js放于main.js同级目录（可自己随意放）

export default {
  getToken()
  {
    return window.localStorage.token;
  },
 setToken(token) {
  window.localStorage.token = token;
 },
 getInfo() {
  if (window.localStorage.info)
    return JSON.parse(window.localStorage.info);
  return null;
},
 setinfo(user) {
  window.localStorage.info = JSON.stringify(user);
}
}

上面代码分别实现了对象和字符串的存储，由于基于localStorage所以需要H5浏览器支持。
 

2 vue项目main.js配置

import global from './global';

Vue.prototype.global = global;

其他你的代码
 

3 vue全局变量使用

let _self=null;
export default {
    name: "demo-vue",
    created:function(){
     _self=this;
   },
    data() {
    },

    methods: {
         test(){
             var token=_self.global.getToken();
             console.log(token)
         }
    }
  };

遗留一个小问题，localStorage必须手动清除，否则永久存放，也可以试试sessionStorage。如果你有更好的方法，欢迎告知。感谢。

vue 全局变量

http://blog.xqlee.com/article/502.html