首先声明Vue使用全局变量的方法有很多，以下只是个人觉得比较简洁的2种。其中两者的第一步操作相同，即：
创建全局变量文件Global.vue，内容如下：
<script>
const name = 'ZhangSan'; //名称
const address = 'No.20, Taihu Road'; //地址
export default {
name,
address
}
</script>
方法1：在main.js中直接将全局变量挂载到Vue.prototype
import global from '../components/xx/Global'
Vue.prototype.GLOBAL = global;
用时不用任何多余操作，直接调用this.GLOBAL.name即可。
方法2：在需要使用全局变量的页面引入global再使用
import global from '../components/xx/Global'
data() {
return {
userName: global.name,
userAddress: global.address
}
}
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/79147.html
