Vue2.x 与Vue3.x 双向资料系结区别
报价宝综合消息Vue2.x 与Vue3.x 双向资料系结区别
看过Vue2.x的源代码都知道，其双向资料系结原理是通过es5的Object.defineProperty，中的set方法来实现资料劫持的，但是有一个弊端就是无法兼听到阵列内部的资料变化(当然我们可以通过arr = arr.concat([]))，来实现内部资料变化的检测。相比Vue3有一定的效能问题。
Vue3.x是用ES6的语法 Proxy（Proxy 怎么用大家可自行百度，网上教程大把，我就不在这赘述了）物件来实现的，这个玩意儿也可以实现资料的劫持，相比Object.defineProperty的优势是：可以检测到阵列内部资料的变化,如下图：
据说proxy要比Object.defineProperty的内存减半,vue3.x还没正式释出，我也只是听说，听说哈，减不减半我不知道也不敢下结论。
你以为这就完了吗？哈哈哈哈，你没猜错，IE系列都不相容Proxy，哈哈哈哈哈。
But
社会是要向前进的，这点相信尤大大已经为我们考虑到了，肯定会有向下相容的方案，那就是用原始的Object.defineProperty咯。
写在最后：大家不管学什么框架，一定要尝试去读下别人的源代码，不要一上来就vue-cli 就咔咔咔开撸。如果每个前端都会vue-cli的话，那请问你的竞争力在哪？
最后希望我的分享能够帮助到大家。
