Vue.js 如何监视vue资源HTTP获取数据更改

我需要查看一个vue资源HTTP get请求。如果发现新数据，我希望将推到v-for循环，如果发现数据被删除，我希望删除而不重新渲染整个v-for数据

JS HTML 我想在不完全重新渲染整个v-for循环的情况下显示聊天。只需更新观察者发现的更改即可

<ul id="chats">
    <li v-for="chat in chats">{{ chat.message }}</li>
</ul>

{{chat.message}

您应该使用

track by

属性，并使用您的

聊天

模型中的唯一标识符。当数组更新时，Vue将使用现有呈现的DOM来显示每个元素，而不是呈现新的HTML

<li v-for="chat in chats" track-by="id">{{ chat.message }}</li>

{{{chat.message}

如果一个

具有相同的id，则现有HTML将用于呈现该id。然后您只需处理该数组，而不必担心呈现问题

---

您不需要

watch

来处理从该数组中插入和删除元素的操作，它本质上是由Vue监控的。您只需编写检查项目是否已添加或删除的逻辑，以便可以相应地更新

聊天记录。
您应该使用
track by
属性，并使用
聊天记录中的唯一标识符。当数组更新时，Vue将使用现有呈现的DOM来显示每个元素，而不是呈现新的HTML

<li v-for="chat in chats" track-by="id">{{ chat.message }}</li>

{{{chat.message}

如果一个
具有相同的id，则现有HTML将用于呈现该id。然后您只需处理该数组，而不必担心呈现问题

您不需要
watch
来处理从该数组中插入和删除元素的操作，它本质上是由Vue监控的。您只需编写检查项目是否已添加或删除的逻辑，就可以相应地更新
聊天记录