VueJS单文件组件更新数据-Java 学习之路

我真的很困惑数据如何在VueJS的单个文件组件中工作 . 在文件中，比如test.vue，据我所知，你会写出一个类似这样的脚本：

export default {
  name: 'Testapp',
  data () {
    return {
      msg: 'sample message'
    }
  }
}

然后在其他地方，比如在一个名为vuescript.js的文件中，我会把类似下面的东西放入并从一个html文件中调用它：

从“vue”导入Vue从'./test.vue'导入VApp

var vueApp = new Vue({
  el: '#app',
  render: h => h(VApp)
})

现在我如何访问该模板对象的数据？我想要的是在其他地方使用从服务器获取数据的代码，并且可以在多个组件之间共享，因此我将拥有一部分数据，这些数据在单个存储库中是通用的，并且我也是能够将非共享数据驻留在组件中，用于某些事情，如设置和其他元数据 .

BLUF：在查看Vue单个文件组件中如何访问/处理数据之后，我有点陷入困境 .

2 回答