1. vue中，如何监听 props中 某个值得变化
在 Vue 2 中，如果你想要监听 props 中某个值的变化，你可以使用组件的 watch 选项来监听特定的 prop。
1.1. 简单的示例
下面是一个简单的示例，演示了如何监听一个名为 myProp 的 prop 变化：
export default {
props: ['myProp'],
watch: {
// 监听单个 prop 的变化
myProp(newValue, oldValue) {
console.log('myProp changed from', oldValue, 'to', newValue);
}
},
// 其他组件选项...
}在此示例中，当 myProp 发生变化时，会触发 watch 中对应的处理函数，并自动传入新旧两个值作为参数。
1.2. 深度监听的示例
如果你需要监听的是一个对象类型的 prop，并且你关心对象内部属性的变化，那么你可能需要设置 deep: true 来进行深度监听：
export default {
props: ['myObjectProp'],
watch: {
// 深度监听对象类型的 prop 变化
myObjectProp: {
handler(newValue, oldValue) {
console.log('myObjectProp changed from', oldValue, 'to', newValue);
},
deep: true
}
},
// 其他组件选项...
}在这个例子中，handler 函数用于定义监听到变化时的行为，而 deep: true 则确保了即使 myObjectProp 内部属性发生变化也会触发监听器。
请注意，在 Vue 2 中，由于 JavaScript 的限制，对于复杂数据类型（如对象和数组）的 prop，Vue 不能检测到属性的添加或删除。
因此，如果你尝试监听的对象是通过这种方式修改的，则不会触发 watcher。
要解决这个问题，你应该在父组件中更新整个 prop 或者使用 Vue 提供的 $set 方法。
