leftso 1007 0 2019-07-19 11:27:43

文章位置:左搜> 编程技术> Vue.js使用教程> 正文

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。如果你有更好的方法,欢迎告知。感谢。