vue 计算属性

当模板显示的某个数据需要通过已有数据进行一定的逻辑计算才能确定时，就可以选择用计算属性语法来实现。

定义在computed配置对象中，本质上就是一个函数，内部可以根据已有的data数据进行计算，产生要显示的结果数据并返回它，

计算属性函数中的this就是当前组件对象，通过它可以直接访问data中的数据，初始化显示时，系统会自动调用这个计算属性函数得到返回值并显示到页面上。