vue中为什么要使用计算属性 computed

vue中为什么要使用计算属性 computed

因为在插值表达式中方太多的逻辑对（逻辑：split，join,reverse等方法）,
如：

效果：

但是你们想过如果我多出要用到

怎么办呢？粘贴在复制，方法太low了,而且对以后的代码的维护加大了难度
所以我们可以使用计算属性computed，将一些逻辑粗春到其中如下图：

效果：

你可以理解为：（java实体类将一些公共的字段抽取出来，然后更改起来就更加方便），并且计算属性是基于它们的响应式依赖进行缓存的