计算属性及简写

 引例：

1、表达式尽量简单，所以使用函数调用完成拼接。

2、需要注意的是，方法里的this指向的就是bue实例本身，所以可以直接调用姓名，就像java中的this一样。

3、只要data中的值发生改变，vue就会重新解析模板

 计算属性

1.  定义：要用到属性不存在，需要通过已有的属性计算得来。
2. 原理：底层借助了object.defineproperty方法提供的getter和setter
3. get函数什么时候执行？（执行一次后会有缓存，保存执行的结果）
   1. 初次读取会执行一次
   2. 当依赖的数据发生改变时会被再次调用
4. 优势：语methods实现相比，内部有缓存机制（复用），效率更高，调试方便。
5. 备注：
   1. 计算属性最终会出现在vm上，直接读取使用即可
   2. 如果计算属性要被修改，那必须写set函数去相应修改，且set中要引起计算时依赖的数据发生改变

简写

前提：set省略