Vue中computed多个值互相计算，Vue多个字段之间互相计算，vue多个值互相引用计算

需求：computed计算属性的应用一般会是几个互不影响的值计算，本次需求是多个值互相引用计算

效果图

注：computed多个值单独已用计算时，会报错，Vue computed 报错：Computed property was assigned to but it has no setter 解决办法就是 换一种写法，组件中定义的computed属性缺少setter,使用过computed 都应该知道，该错误提示通常发生在组件内为computed属性赋值的时候，如果没有显示的声明setter，控制台则会打印如上错误。那么顺着这个方向，继续排查错误,其次检查代码中是否有给num进行赋值，第一次检查，好像整个代码逻辑从未操作过num属性，怎么会涉及到给num赋值呢？ 不管怎么疑惑，错误的确发生了。继续定位对num属性的操作，直到我看到v-model=“num”。现在一切都解释得通了，正是v-model的双向绑定属性实现了对num 的赋值。解决办法通过上面的分析，错误及原因已经找到，怎么解决就比较简单了，只需在声明computed属性时显示的声明setter即可。

这种错误解决办法:htt