object.assgin

对象赋值

我在vue中进对象赋值进行遇到其对象的observer id改变了
例子：
创建时控制台
图1：

点击后
图2：

为什么会遇到这种问题

其实是因为我们在进行对象赋值的时候是进行了直接赋值，直接赋值会照成其对象的指针改变了指向，所以其observer id就会改变

那么如何解决

为了避免其指针的指向改变我们就需要进行深拷贝对象，这样其指针就不会改变，最常用的方式就是object.assgin(目标，要拷贝的对象)，这样使用后发现其observer id一样了，如图2

这是因为object.assgin进行了深拷贝

observer id的作用

这就要从vue的响应式来进行说明了，vue在进行创建的时候会进行给每个要监听的对象，属性一个observer id，通过observer id来进行识别属性，那么在observer id改变后其就不会监听改变后的属性，还是监听原来observer id的那个属性那么就会照成没有监听到其改变(简单来说就是没有了vue的响应式)，所以observer id是相当的重要的