目录
watch监听
watch:默认侦听栈的变化,基本数据类型都能侦听,复杂数据类型,引用地址改变了它默认可以侦听到
使用deep的话
堆与栈都能侦听,默认值是false,默认只侦听栈的变化
immediate:初次绑定时就立马执行回调,默认是false
关于使用如下:
export default {
data() {
return {
obj: {
a: 10
}
}
},
watch: {
// watch:默认侦听栈的变化,基本数据类型都能侦听,复杂数据类型,引用地址改变了它默认可以侦听到
/*
deep:堆与栈都能侦听,默认值是false,默认只侦听栈的变化
immediate:初次绑定时就立马执行回调,默认是false
*/
// obj(newVal) {
// console.log(newVal)
// }
obj: {
// deep: true,
immediate: true,
handler(newVal, oldVal) {
console.log(newVal, oldVal)
}
}
},
methods: {
btnClick() {
// this.obj.a = Math.random() * 999
this.obj = {
a: Math.random() * 999
}
}
}
}