Vue study diary 其二


  1.计算属性:

    ① 定义:使用的属性在vm上并不存在,而是通过vm上已有的属性计算所得;

    ② 原理:vue底层使用了Object.defineProperty方法所提供的getter与setter;

      ③ 所定义的函数将在初次读取,和当依赖数据发生改变时执行;

    ④ computed属性内部缓存机制,效率高,调试直观;

    ⑤ computed最终会出现在vm上,可直接读取

  2.监视属性:被监视的属性发生变化时,监视属性的回调函数自动调用

    监视的属性必须存在

    ① watch: {

      isSomething: {         immediate: true, //初始化时调用handler         handler(newvalue, oldvalue) {           //??         },       },      }         ② vm.$watch("isSomething", {       immediate: true, //初始化时调用handler       handler(newvalue, oldvalue) {         //??       },      });     ③ 深度监视 :       vue中watch默认不监视对象内布置的改变;       但是,配置deep:true 之后便能监视对象内部套娃值的改变   3.watch可以进行已步操作,而computed不能;    为了能更好的使用vm实例,vm上的函数,写作普通函数,而不再vm上的函数(定时器、ajax、axios、promise函数),写作箭头函数

相关