Vue infinite update loop 问题

最近在写一个数组渲染时，对拿到的源数据数组经过排序后，正常运行却出现爆红：

代码如下：

各种度娘后

 

你的确导致了一个无限循环， 因为array.sort()改变了数组自身，导致了过滤器又一次被触发。确保在副本上对数组排序：

return value.slice().sort(...)

数组方法 array.slice()用法：

slice() 方法会浅复制（shallow copy）数组的一部分到一个新的数组，并返回这个新数组。

技巧：处理类数组对象

slice() 可以用于把一个类数组对象转化为一个新数组。

最后修改代码，搞定！！！