什么是计算属性？
在模板中放入太多的逻辑会让模板过重且难以维护，在需要对数据进行复杂处理，且可能
多次使用的
情况下，尽量采取计算属性的方式。
好处： ①使得数据处理结构清晰；
②依赖于数据，数据更新，处理结果自动更新；
③计算属性内部 this 指向 vm 实例；
④在 template 调用时，直接写计算属性名即可；
⑤常用的是 getter 方法，获取数据，也可以使用 set 方法改变数据；
⑥相较于 methods，不管依赖的数据变不变，methods 都会重新计算，但是依赖数据不
变的时候
computed 从缓存中获取，不会重新计算
区别：
1.一个是侦听属性，一个是计算属性
2.一个是为了应对复杂的逻辑计算，一个是对数据的变化作出反应
3.一个是只有当缓存改变时才执行，一个是只要从新渲染就会执行
4.一个有缓存，一个没有缓存
watch 属性监听 是一个对象，键是需要观察的属性，值是对应回调函数，主要用来监听某
些特定数据
的变化，从而进行某些具体的业务逻辑操作,监听属性的变化，需要在数据变化时执行异步
或开销较大
的操作时使用
computed 计算属性 属性的结果会被缓存，当computed中的函数所依赖的属性没有发生
改变的时候，那么调用当前函数的时候结果会从缓存中读取。除非依赖的响应式属性变化时才会重新计
算，主要当
做属性来使用 computed中的函数必须用return返回最终的结果 computed更高效，优先
使用。data 不改
变，computed 不更新。
本文原出处https://www.wenggong.com/thread-152450-1-1.html，喜欢的朋友可以收藏，持续跟新中...
