Vue JS视图层未更新答案

【问题标题】：Vue JS View layer not updatingVue JS视图层未更新
【发布时间】：2023-04-08 04:22:02
【问题描述】：

$(function(){
var app = new Vue({
      el:"#app",
      data: {
        testData: globalObj
      }
    });
});


html: 

<div id="app">
  <span v-text="globalObj.value"></span>
</div>

globalObj 会根据在不同页面上选择的选项而变化。数据在应用程序的初始加载时正确更新，但是当我更改另一个页面上的选项（更新globalObj）时，视图中的值不会更新。当我在控制台中隐式设置/更改globalObj.value 时，我还能够更新视图。有没有人遇到过这个问题？

【问题讨论】：

你的大括号和括号不匹配
当您说“不同的页面”时——您是指不同的 HTML 窗口吗？ Javascript 变量不在窗口之间共享。

标签： javascript html vue.js

【解决方案1】：

聚会有点晚了，但你应该参考testData。

<span v-text="testData.value"></span>

【讨论】：