VUE——全局变量模块或全局方法挂载到Vue.prototype里使用
比如登录后返回token,将token存入cookie,其他页面或请求的时候需要判断有没有cookie,请求的时候需要带上cookie,没有则返回登录。这样一来多个页面位置上需要去拿cookie,需要封装函数方法,并导入。如多将此方法挂载到Vue.prototype上,则其他地方只需要:this.挂载的名称 即可使用这样一来,很多需要多次重复使用的全局函数都可以挂载,以便其他地方使用,以...
·
比如登录后返回token,将token存入cookie,其他页面或请求的时候需要判断有没有cookie,请求的时候需要带上cookie,没有则返回登录。这样一来多个页面位置上需要去拿cookie,需要封装函数方法,并导入。
如多将此方法挂载到Vue.prototype上,则其他地方只需要:this.挂载的名称 即可使用
这样一来,很多需要多次重复使用的全局函数都可以挂载,以便其他地方使用,
以下作为记录,以便后续使用
新建custom.js 用来声明,并暴露方法
在main.js中导入custom.js并挂载到Vue.prototype上
import custom from "./assets/js/custom";
Object.keys(custom).forEach(key => {
Vue.prototype["$" + key] = custom[key];
});
使用:
获取cookie
methods:{
onAction(){
let cookie=this.$getCookie('key');
console.log(cookie);
}
}
更多推荐
已为社区贡献6条内容
所有评论(0)