fixed infinite loop Bug when Edit the onlyOneChild in hasOneShowingChild Function

[frank10000]

当在v-if的方法中修改了观察属性会导致报You may have an infinite update loop in a component render functionScript。

[PanJiaChen]

什么场景会在v-if中修改 onlyOneChild呢？

[frank10000]

我用到的是这种情况，在hasOneShowingChild方法中
showingChildren.length === 0
修改了onlyOneChild，导致会触发vue对方法的重新执行，因为方法依赖了onlyOneChild。
变动会触发依赖。导致报错。

[PanJiaChen]

你不写 watch 或者 computed 为什么会重新 计算呢。
而且即使有问题也不应该这样解决吧。

[frank10000]

我好像记着computed和methods是一样的都是会自动触发更新的。methods方法是不会缓存，而computed会缓存。我看vue官网是这样理解的。不知道对不对。

[frank10000]

https://cn.vuejs.org/v2/guide/computed.html#%E8%AE%A1%E7%AE%97%E5%B1%9E%E6%80%A7%E7%BC%93%E5%AD%98-vs-%E6%96%B9%E6%B3%95
https://segmentfault.com/a/1190000011156865

[frank10000]

vue官网里的方法和计算属性的比较
https://cn.vuejs.org/v2/guide/computed.html#%E8%AE%A1%E7%AE%97%E5%B1%9E%E6%80%A7%E7%BC%93%E5%AD%98-vs-%E6%96%B9%E6%B3%95
网上找的解决方法
#1333
我好像记得看v-charts里面有这样直接绑定在this上的写法。我当时想的是为了提高性能不去对不需要观察的属性做绑定 不知道对不对。

[PanJiaChen]

最合理的做法不应该是对原数据做一次拷贝么。

[frank10000]

我可能没有说清楚,我想描述的问题是在hasOneShowingChild方法中，当showingChildren.length === 0成立，重新赋予this.onlyOneChild的值的时候。会触发hasOneShowingChild的重新执行。然后会一直循环下去触发vue报错。
if (showingChildren.length === 0) {
this.onlyOneChild = { ... parent, path: '', noShowingChildren: true }
return true
}
对原数据做一次拷贝，我不明白怎么做。