VueJS：如何在模板中使用main.js中的數據？

Question

我的main.js中有Vue范圍：

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