资源说明:vue提供了watch方法,用于监听实例内data数据的变化。通常写法是:
new Vue({
data: {
count: 10,
blog:{
title:'my-blog',
categories:[]
}
},
watch: {
count: function (newval, oldVal) {
console.log(`new: %s, old: %s`, newVal, oldVal);
}
}
})
上述情况里data中的count属性可以直接监听,但是如果需要监听的数据是对象内的某一属性值的变化,直接watch对象blog
本源码包内暂不包含可直接显示的源代码文件,请下载源码包。