5.1.2　计算属性

在进行数据绑定的时候，对数据要进行一定的处理才能展示到HTML页面上。虽然Vue提供了非常好的表达式绑定方法，但是只能应对低强度的需求。例如，把一个日期按照规定格式进行输出，可能就需要对日期对象做一些格式化。Vue提供的计算属性（computed）允许开发者编写一些方法，协助进行绑定数据的操作。这些方法可以跟data中的属性一样用，注意用的时候不要加“()”。

代码如下：

运行的效果如图5-4所示。

图5-4　计算属性运行效果图

提示：模板内表达式包含复杂逻辑时，应使用计算属性。只要计算属性使用的数据不发生变化，计算属性就不会执行，而是直接使用缓存。