Question

我对Vue还是很陌生，在开始我们的项目之前我一直在尝试，到目前为止，我遇到了一个问题。

通常，当我们创建“ var app = new Vue ... etc”之类的实例时，我们可以访问的是诸如 app.data 之类的数据，但是组件中的内容如何呢？像这样

<template>
  <div id="app">
    Hello {{msg}}

  </div>
</template>

<script>   

export default {
  name: "App",  
  data() {
    return { 
        msg: "World"
    }  
}

}

console.log(this.msg)

</script>

我只想访问 msg ，但到目前为止，我还是无法尝试 this.msg ，也许我丢失了一些内容。我现在不希望使用Vuex，因为它对于一个不那么复杂的小型应用程序来说是过大的。

那我该如何访问呢？

Answer 1

我不确定Vue是否有任何限制，但是从javascript角度来看，您不能这样做

 const data = {
   name: "App",  
   data() {
       return { 
         msg: "World"
      }  
   }

}

export default data;

const msg = app.data();

如何在导出外访问组件数据

1 个答案: