在项目中,经常有些函数和变量是需要复用,比如说网站服务器地址,从后台拿到的:用户的登录 token, 用户的地址信息等
使用全局变量
原理: 设置一个专用的的全局变量模块文件,模块里面定义一些变量初始状态,用 export default 暴露出去,在 main.js 里面使用 Vue.prototype 挂载到 vue 实例上面或者在其它地方需要使用时,引入该模块便可。
全局变量模块文件
// global.js
const token = 'sjldkfsjdlfksjdf';
const isLogin = false,
const userInfo = {
};
export default {
token, // 用户token
isLogin, // 用户登录状态
userInfo // 用户信息
}
- 在需要的地方引入全局变量模块文件,然后通过文件里面的变量名字获取全局变量参数值
<template>
<div>{
token }