取消对vue的data的引用监听

一、展开运算符

不论是vue2.0的通过Object.defineproperty创建的监听,还是vue3.0Proxy代理的监听,都可以通过展开运算符,使之摆脱监听,成为独自的存在,相当于copy了一个一样的数据。
注意到vue的数据监听形式,例如对象数组[{...},{...},...],仅仅只对最外层的进行监听,也就是说不会对内部的对象监听。故而使用展开运算符的时候,也是能成功copy的。
这在vue实例(组件)传递本身数据的时候会非常非常之有用。

二、使用Object的三个方法

Object.preventExtensions() Object.seal() Object.freeze()

原文地址:https://www.cnblogs.com/panshaojun/p/14339640.html