vue的计算属性

1.计算属性（computed）

作用：

1.减少模板中的计算逻辑

2.进行数据缓存

3.依赖固定的数据类型（响应式数据）

使用：

1.在computed属性对象中定义计算属性的方法、

2.在页面中使用{{方法名}}来显示计算的结果

3.通过getter/setter实现对属性数据的显示和监视

如下图：