前言
本文主要跟大家介绍了关于Vue定义全局变量与常量的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍:
我想要定义一个变量, 在项目的任何地方都可以访问到, 不需要每一次使用的时候, 都引入.
尝试1:
创建 global.js 并且在其中定义
let a = 10;
在入口文件中引入 global.js
import './global.js'
在项目中使用:
a // 报错
发现报错了, a 并没有定义. 为什么?
这个涉及到模块作用域:
1 每一个 js 都相当于一个模块, 一个模块有自己的模块作用域.
意思就是说: 其中的变量方法, 都只在这个模块上面生效.
尝试2:
将变量放到 Vue.prototype 上面, 通过插件全局引入
创建 global.js, 这样写:
let a = 10;
export default {
install () {
Vue.prototype.$a = a;
}
}
在 入口文件中引入:
import G from './global'
Vue.use(G);
在项目中使用:
this.$a
的确可以, 但是这样的方式并不好, 在任何 this 不指向 Vue 的地方, 你都没有办法使用这个变量.
尝试3:
将变量放到 window 对象上面
创建