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函数),写作箭头函数