1，计算属性
计算属性特点：
1）不用就不计算
2）计算属性得有同步的返回值
3）如果依赖的值不变也不重新计算
4）计算属性不能修改本身的值，可以去修改其他的属性
5）这个可以在模板中当做数据使用
computed的实现原理
computed 本质是一个惰性求值的观察者。
computed 内部实现了一个惰性的 watcher,也就是 computed watcher,computed watcher 不会立刻求值,同时持有一个 dep 实例。其内部通过 this.dirty属性标记计算属性是否需要重新求值。当 computed 的依赖状态发生改变时,就会通知这个惰性的 watcher, computed watcher 通过this.dep.subs.length 判断有没有订阅者，有的话,会重新计算,然后对比新旧值,如果变化了,会重新渲染。 ( Vue 想确保不仅仅是计算属性依赖的值发生变化，而是当计算属性最终计算的值发生变化时才会触发渲染 watcher 重新渲染，本质上是一种优化。)
没有的话,仅仅把 this.dirty = true。 (当计算属性依赖于其他数据时，属性并不会立即重新计算，只有之后其他地方需要读取属性的时候，它才会真正计算，即具备 lazy（懒计算）特性。)
computed 和 watch 有什么区别及运用场景?
区别
computed 计算属性 : 依赖其它属性值,并且 computed 的值有缓存,只有它依赖的属性值发生改变,下一次获取 computed 的值时才会重新计算 computed 的值。
watch 侦听器 : 更多的是「观察」的作用,无缓存性,类似于某些数据的监听回调,每当监听的数据变化时都会执行回调进行后续操作。
运用场景
当需要进行数值计算,并且依赖于其它数据时,应该使用 computed，因为可以利用 computed 的缓存特性,避免每次获取值时,都要重新计算。
当需要在数据变化时执行异步或开销较大的操作时,应该使用 watch，使用 watch 选项允许我们执行异步操作 ( 访问一个 API )，限制执行该操作的频率,并在得到最终结果前,设置中间状态。这些都是计算属性无法做到的。
使用计算属性的好处
在模板中放入太多的逻辑会让模板过重且难以维护，在需要对数据进行复杂处理，且可能多次使用的情况下，尽量采取计算属性的方式。
好处：
①使得数据处理结构清晰；
②依赖于数据，数据更新，处理结果自动更新；
③计算属性内部this指向vm实例；
④在template调用时，直接写计算属性名即可；
⑤常用的是getter方法，获取数据，也可以使用set方法改变数据；
⑥相较于methods，不管依赖的数据变不变，methods都会重新计算，但是依赖数据不变时computed从缓存中获取，不会重新计算。
