VUE 深度监听
在vue中
通过watch进行值的动态监听
值变化的时候会触发回调函数用来处理所需业务
默认情况下在改变量首次加载的时候是不触发回调函数的
如果想在 首次加载的时候就触发
需要设置 一个参数 immediate
而如果你监听的不是一个值
而是一个对象
那么你需要进行 深度监听
实现 深度监听需要 设置参数 deep
使用方式看下面例子
watch: { // 这是监听作用域
userItem: { // 这是被监听的对象或变量
immediate: true, // 设置首次加载就触发回调函数
deep: true, // 设置深度监听
handler: function (newVal,oldval) { // 触发回调函数
// newVal 是改变后的值,oldval是改变前的值
console.log(newVal,oldval)
}
}
},