資訊專欄INFORMATION COLUMN
摘要：看過的源碼都知道，其雙向數(shù)據(jù)綁定原理是通過的，中的方法來實現(xiàn)數(shù)據(jù)劫持的，但是有一個弊端就是無法兼聽到數(shù)組內部的數(shù)據(jù)變化當然我們可以通過，來實現(xiàn)內部數(shù)據(jù)變化的檢測。相比有一定的性能問題。
看過Vue2.x的源碼都知道，其雙向數(shù)據(jù)綁定原理是通過es5的Object.defineProperty，中的set方法來實現(xiàn)數(shù)據(jù)劫持的，但是有一個弊端就是無法兼聽到數(shù)組內部的數(shù)據(jù)變化(當然我們可以通過arr = arr.concat([]))，來實現(xiàn)內部數(shù)據(jù)變化的檢測。相比Vue3有一定的性能問題。
Vue3.x是用ES6的語法 Proxy（Proxy 怎么用大家可自行百度，網(wǎng)上教程大把，我就不在這贅述了）對象來實現(xiàn)的，這個玩意兒也可以實現(xiàn)數(shù)據(jù)的劫持，相比Object.defineProperty的優(yōu)勢是：可以檢測到數(shù)組內部數(shù)據(jù)的變化,如下圖：
![圖片上傳中...]
據(jù)說proxy要比Object.defineProperty的內存減半,vue3.x還沒正式發(fā)布，我也只是聽說，聽說哈，減不減半我不知道也不敢下結論。
你以為這就完了嗎？哈哈哈哈，你沒猜錯，IE系列都不兼容Proxy，哈哈哈哈哈。
But
社會是要向前進的，這點相信尤大大已經為我們考慮到了，肯定會有向下兼容的方案，那就是用原始的Object.defineProperty咯。
寫在最后：大家不管學什么框架，一定要嘗試去讀下別人的源碼，不要一上來就vue-cli 就咔咔咔開擼。如果每個前端都會vue-cli的話，那請問你的競爭力在哪？
最后希望我的分享能夠幫助到大家。
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉載請注明本文地址：http://systransis.cn/yun/104176.html
摘要：哪吒別人的看法都是狗屁，你是誰只有你自己說了才算，這是爹教我的道理。哪吒去他個鳥命我命由我，不由天是魔是仙，我自己決定哪吒白白搭上一條人命，你傻不傻敖丙不傻誰和你做朋友太乙真人人是否能夠改變命運，我不曉得。我只曉得，不認命是哪吒的命。 showImg(https://segmentfault.com/img/bVbwiGL?w=900&h=378); 出處 查看github最新的Vue...
摘要：前言月份開始出沒社區(qū)，現(xiàn)在差不多月了，按照工作的說法，就是差不多過了三個月的試用期，準備轉正了一般來說，差不多到了轉正的時候，會進行總結或者分享會議那么今天我就把看過的一些學習資源主要是博客，博文推薦分享給大家。 1.前言 6月份開始出沒社區(qū)，現(xiàn)在差不多9月了，按照工作的說法，就是差不多過了三個月的試用期，準備轉正了！一般來說，差不多到了轉正的時候，會進行總結或者分享會議！那么今天我就...
閱讀 3717·2021-11-11 11:00
閱讀 2197·2021-10-08 10:05
閱讀 2709·2021-10-08 10:04
閱讀 3222·2021-09-30 09:48
閱讀 3813·2021-09-27 14:10
閱讀 1713·2021-09-09 09:33
閱讀 2110·2019-08-30 15:55
閱讀 1614·2019-08-30 13:53
