vue deepset
Vue.js是一个流行的渐进式JavaScript框架，具有易学易用，高效快捷的特点。Vue深度监听(deepset)是其核心功能之一，它允许我们在监听某个数据对象属性变化时，同时也监听嵌套在它下面的所有子属性的变化。
下面是一个简单的示例，演示了如何使用Vue深度监听：
var data = {
userInfo: {
name: 'john',
age: 30,
address: {
country: 'china',
province: 'Guangdong',
city: 'Shenzhen'
}
}
}
var vm = new Vue({
data: data
})
vm.$watch('userInfo', function(newVal, oldVal) {
console.log('userInfo changed')
}, { deep: true })
// 改变data对象的属性
vm.userInfo.name = 'lucy'
// 输出: "userInfo changed"
// 改变data对象的子属性
vm.userInfo.address.city = 'Beijing'
// 输出: "userInfo changed"
在上面的代码中，我们使用了Vue实例的`$watch`方法来监听data对象中的userInfo属性的变化。当我们修改userInfo对象的任何属性时，console会打印出"userINfo changed"。
需要注意的是，Vue深度监听在性能上有一定的开销，因此应该尽可能地精确地确定我们需要监听哪些属性，以避免不必要的开销。
总之，Vue深度监听是Vue.js极其强大的一个核心功能，可以大大简化我们的开发过程，并提高我们的代码效率。