对象属性的watch使用方法
global: {
deep: true, //引用类型变量存的是地址,地址不变,不会触发watch。深度监听,添加属性deep
immediate: true,
handler (val) {
if (val && Object.keys(val).length > 0) {
this.loading = false
}
} //对象属性发生变化,自动调用handler函数
}
watch和computed的区别
watch观察和监听页面上的Vue实例,数据变化响应时,执行异步操作或高性能消耗操作。
computed关联多个实时计算的对象,对象中的其中一个改变时都会触发这个属性,具有缓存作用。