初识vue中的计算属性、监听器、组件

15.计算属性
     1.定义：要⽤的属性不存在，要通过已有属性计算得来
     2.原理：底层借助了Object.defineProperty⽅法提供的getter和setter
     3.get函数什么时候执⾏？
        1）初次读取时会执⾏⼀次
        2）当依赖的数据发⽣改变的时候会被再次调⽤
     4.优势：与methods实现相⽐，内部有缓存机制（复⽤），效率更⾼，调试⽅便
     5.注意：
        1).计算属性最终会出现在vm上，直接读取使⽤即可
        2).如果计算属性要被修改，那必须写set函数去响应修改，并且要引起计算时依赖的数据发⽣改变
     计算属性的简写:
        什么时候可以⽤
          当你确定了，你的计算属性，不需要做修改操作时

16.监听属性watch
     (1).当被监听的属性变化时，回掉函数⾃动执⾏，进⾏相关操作
     (2).监听的属性必须存在，才能进⾏监听
     (3).监听的两种写法：
          1）new Vue是传⼊watch配置
          2）通过vm.$watch配置
     监听器的简写形式:
          什么时候可以使⽤
             当你的监听器⾥只有handler时
          
17.监听器和计算属性的区别
     1).当你有⼀些数据需要随着其它数据变动⽽变动时，通常更好的做法是使⽤计算属性
     2).当需要在数据变化时执⾏异步或开销较⼤的操作时，监听器这个⽅式是最有⽤的。