在大多数Vue中.js教程,我看到的东西像
new Vue({
store, // inject store to all children
el: '#app',
render: h => h(App)
})
但我使用的是vue cli(我实际上使用的是quasar),它为我声明了vue实例,所以我不知道应该在哪里说我希望store
是一个"vue范围"的全局变量.我应该在哪里具体说明?谢谢
在大多数Vue中.js教程,我看到的东西像
new Vue({
store, // inject store to all children
el: '#app',
render: h => h(App)
})
但我使用的是vue cli(我实际上使用的是quasar),它为我声明了vue实例,所以我不知道应该在哪里说我希望store
是一个"vue范围"的全局变量.我应该在哪里具体说明?谢谢
是的,您可以在entrypoint文件(main.js)中这样设置这些变量:
Vue.store= Vue.prototype.store = 'THIS IS STORE VARIABLE';
然后在vue实例中访问它,如下所示:
<script>
export default {
name: 'HelloWorld',
methods: {
yourMethod() {
this.store // can be accessible here.
}
}
}
</script>
你也可以在vue-docs here中看到这一点.
来自 comments 部分关于quasar模板中"无入口点文件"的讨论.
你可以做的是,转到src/router/index.js,在那里你可以访问Vue,通过它你可以设置一个全局变量,如下所示:
...
import routes from './routes'
Vue.prototype.a = '123';
Vue.use(VueRouter)
...
如果你能安慰我.登录App.vue
,大致如下:
<script>
export default {
name: 'App',
mounted() {
console.log(this.a);
}
}
</script>
现在,看看你的控制台:
也可以在脚本标记中的App.vue
个文件中执行同样的操作.