VueJS：如何在我的模板中使用来自 main.js 的数据？

Question

我的 Vue 范围在我的 main.js:

new Vue({
  el: '#app',
  router,
  template: '<App/>',
  components: { App },
  data: {
    name: 'Levi'
  }
})

我想在我的模板中使用它：test.vue:

<p>My name is {{ name }}

我将 vue-router 用于所有路由功能，一切正常。但是当我尝试在我的模板中调用 name 时，我得到

[Vue warn]: Property or method "name" is not defined on the instance but referenced during render. Make sure to declare reactive data properties in the data option.

如有任何帮助，我们将不胜感激。谢谢。

Answer 1

只需在我的模板中添加脚本标签并使用 module.exports 而不是 export default

VueJS：如何在我的模板中使用来自 main.js 的数据？

VueJS: How do I use data from main.js in my templates?

javascript

components

vue.js

vue-router

vuejs2