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