vue+vuex 中 v-for如何排除指定属性变更视图不刷新

Question

场景是这样的，我设计了一个im聊天app ，页面之间用vuex来管理数据，数据结构这样的，[{id,name,msg[]},{id,name,msg[]}]。我在好友列表页面用到的数据是 id，name，然后点好友进入到聊天界面聊天信息存到该好友的msg数组里面，这样就出现了一个问题如果聊天信息增加了1条数据，返回好友列表页面会导致页面数据重新绑定这样很影响效率。我目前想到的办法是 把msg单独拆分出来但是涉及到太多业务逻辑了很棘手，我也是vue新手就是想请求下有没有什么好的处理方法最好就是 在好友列表页面 不检测 msg这个变量。

Answer 1

返回好友列表页面会导致页面数据重新绑定这样很影响效率

Answer 2

你只要不把msg绑到html上就可以了啊，自己维护一个一个新的变量来代替这个msg。