Javascript 在何处使用新vue实例的主变量

我显然在这里遗漏了要点，但是在哪里使用新vue实例的主变量呢

我是vue.js的新手（显然），在阅读各种文档时，我不禁注意到每个新的vue实例都以类似

var-app=new-vue的内容开头({

但是在我读过的示例中，这个

app

变量在js或html中不会再次被引用。代码在任何地方都不会被引用

有人能告诉我在哪里或者为什么要使用

app

变量吗

---

非常感谢

如果您不需要或不想捕获新Vue（）的结果，则完全不需要捕获结果

这样做的原因主要是为了测试（控制台中的ala）或与外部库交互。因为Vue的所有方法和数据都可以在变量上使用，所以可以调用这些方法并从Vue外部使用这些数据

例如，假设我的页面上有一些完全在Vue外部的逻辑，其中有一些我想在Vue内部使用的数据

const externalData = {message:"I'm some interesting data."}

const myVueApp = new Vue({
  el: "#app",
  data:{
      message: null
  }
})

myVueApp.message = externalData.message

这里的代码是从Vue外部设置Vue的message属性

这主要在您拥有现有代码并且正在将Vue集成到现有环境中时非常有用

另一个场景是普通测试。打开控制台并运行下面的代码段。将上下文更改为代码段的javascript：

然后输入

app.message = "Hey, this is nifty!"

新信息将反映在Vue中

console.clear（）
const app=新的Vue({
el:“测试”，
数据：{
信息：“从控制台更改我！”
}
})

{{message}}

好的，现在更有意义了：）感谢您提供如此详细的说明。对于其他感兴趣的人，我在Vue官方网站上找到了更多信息