Javascript Vue.js元素在回调函数中更改时不更新

我有一个带有以下vue对象的文件

app.js

：

var app = new Vue({
  el: '#app',
  data: {
    test: ''
  }
});

我还有一个单独的js文件，在

app.js

文件之后加载

当js文件包含以下代码时，对象将更新并显示在页面上

app.test = 'test'
$(document).ready(function() {

}

但是，如果我将第一行移到document ready回调函数中，则该元素不会在页面上更新：

$(document).ready(function() {
  app.test = 'test'
}

我不太清楚为什么会发生这种情况。。。有人能给我解释一下吗？并可能让我知道一种方法，以便我可以更新document ready回调函数中的元素

---

谢谢。

在一个单独的示例中，您描述的问题没有出现。问题一定是在你的问题中遗漏的代码中的某个地方

const-app=新的Vue({
el:“#应用程序”，
数据：{
测试：“foo”
}
});
$(() => {
app.test=‘bar’；
});

{{test}}

为什么要开始这样做？我实际上是在尝试更新websocket事件回调函数中的值。这只是以一种更简单、更短的方式模拟了该行为。您可以在Vue中使用
挂载的
事件，而不是
document.ready
。很抱歉，我浪费了您的时间。在发布之前，我应该进一步研究它。@Pabi没问题，希望您能找到问题所在。当我同时加载两个vue对象实例时，问题就出现了。