Question

如何用vue 的watch 监控组件props中某个对象属性的改变

Answer 1

假设有如下实例
var vm = new Vue({
data: {
obj: {
one: 'i am one'
},
demo: 'a'
} ...})

这时候我们有个需求， 即使在obj.one变化的时候触发某个事件，首先我们肯定会想到利用watch属性，
那么如何在watch上监听obj中的one属性的变化呢？
官网说法： 为了发现对象内部值的变化， 可以在选项参数中指定deep: true
vm.$watch('obj', callback, {
deep: true})

那么如果是在组件内， 我们又要如何写呢？
['obj.one'](val){ // 值改变啦， 你要做什么？}