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