请问vue的计算属性如何应对复杂对象

Question

假设有这样的数据格式
userdata =【
{name:张三，
收入:1000，
支出:500，
}，
{name:李四，
收入:800，
支出:300}
……
】
这种，我用element ui放到表格里，这没问题
但我想加一列利润放进表格，利润等于收入减支出，这种是不是应该用计算属性实现？这种应该怎么写？
教程里的计算属性都是一个属性，这是一个数组，关键还不是独立的数组，是数组对象的一个属性
我其实就想知道，这种情况正常是用计算属性做吗？还是用watch做？又或者其他？
哦，本文只是例子，实际需要计算的不仅是减法，实际需求至少要这个10行左右的函数，所以在html里简单表达式肯定不行。

Answer 1

正常这种数据是从数据库取出来的，要SQL语句实现，封装到JavaBean里面，JavaBean里面加一个属性即可。