初识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).当需要在数据变化时执⾏异步或开销较⼤的操作时,监听器这个⽅式是最有⽤的。

上一篇:PLINQ查询和LINQ查询


下一篇:华为watchd手表怎么测动态血压?