vue-cli生成的项目中,怎么声明一个全局变量?

Question

vue-cli生成的项目中,怎么声明一个全局的变量? 我个人理解是，main.js是入口文件，App.vue是根级别的组件，如这里面声明一个变量, webpack会递归的打包...可是在其他的.vue的script中为什么不能引用这个变量呢?

Answer 1

楼主，你好！这个是可以的啊。可以在 main.js 里定义一个全局变量，比如 window.userName = 'hello'。在其他页面直接用 window.userName 是可以的。亲测可以。

Answer 2

在main.js声明你的变量，然后 Vue.prototype.xx = xx;
其他vue文件中 this.xx就可以访问到了，
你也可以把他们写到一个js文件中，然后 main.js中 import xx from "xx",Vue.prototype.xx = xx;`

Answer 3

全局变量?vuex?

Answer 4

写 index.html 里面试试，或者你写在页面中的data中 或者你写在store中