原因：因为Vue劫持set时，会对value再次做observe，源码如下。
function reactiveSetter (newVal) {
/* ...省略部分代码 */
// 这里会再次对新的value做拦截
childOb = observe(newVal)
dep.notify()
}#当我们监听多层属性时，上层引用变更，是否会触发回调？
var vm = new Vue({
data: () => ({
person: {name: '令狐洋葱'}
}),
watch: {
'person.name'(val) {
console.log('name updated', val)
}
}
})
vm.person = {}答案：会。
原因：person.name作为一个表达式传入Watcher时，会被解析成类似这样的函数
() => {this.vm.person.name}这样就会先触发person get, 然后触发name get；所以我们配置的回调函数，不仅仅加入到了name依赖中，person也有。
#接着上个问题，person如果被赋值了新的对象，老对象和老对象上的依赖如何垃圾回收的？
老对象的回收：由于老对象的直接引用只有vue实例上的person，person切换到了新的引用，所以老对象没有引用了，就会被回收掉。
老对象上的依赖dep，watcher的依赖里还存在；但是在run执行时，会调用watcher的get() 获取当前值；get中会执行新的依赖收集，并在收集完毕后，清空老的依赖。
具体源码如下：
/**
* Evaluate the getter, and re-collect dependencies.
*/
get () {
pushTarget(this)
const value = this.getter.call(this.vm, this.vm)
// "touch" every property so they are all tracked as
// dependencies for deep watching
if (this.deep) {
traverse(value)
}
popTarget()
this.cleanupDeps()
return value
}#当我们多次同步修改name时，回调函数是否会触发多次？
var vm = new Vue({
data: () => ({
person: {name: '令狐洋葱'}
}),
watch: {
'person.name': (val) {
console.log('name updated: ' + val)
}
}
})
vm.person = {name: 'zs'}
vm.person.name = '无敌'答案: 不会，因为watch回调函数执行是异步的，且会去重。可以通过sync强制配置成同步run，就会执行2次了。
自己实现一个响应式系统
只包含核心功能，具体源码可以看这里https://github.com/Zenser/z-vue，欢迎来star。
实现功能非常基础啦，重在理解，功能不全的。
Observer
class Observe {
constructor(obj) {
Object.keys(obj).forEach(prop => {
reactive(obj, prop, obj[prop])
})
}
}
function reactive(obj, prop) {
