Vue复习 其二

  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函数),写作箭头函数
  
posted @ 2022-03-04 19:09  清水紅葉  阅读(22)  评论(0编辑  收藏  举报