VUE2響應式原理使用Object.defineProperty缺點
更新時間：2023年08月07日 10:51:07 作者：ZekiHoo
這篇文章主要為大家介紹了VUE2響應式原理使用Object.defineProperty缺點示例解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
引言
我們都知道vue2響應式原理是通過Object.defineProperty來實現(xiàn)的，通過劫持各屬性的setter和getter，監(jiān)聽數(shù)據(jù)的變化。
Object.defineProperty 的缺點
無法監(jiān)聽對象屬性的新增和刪除
let num = 3
const cat = {
name: '大橘',
sex: 'boy',
age: 5
}
Object.defineProperty(cat,'age',{
get() {
console.log('get value')
return num
},
set(val) {
console.log('set value', val)
num = val
}
})
cat.age = 6 // 可以被監(jiān)聽到
cat.breed = '貍花貓' // 無法被監(jiān)聽到解決方式新增屬性
this.$set(this.obj, 'a', 'abc')
刪除屬性
this.$delete(this.obj, 'a')
無法監(jiān)聽數(shù)組下標的變化，通過數(shù)組下標修改元素，無法實時響應?；谛阅芸紤]vue2放棄了Object.defineProperty這一特性，如果數(shù)組長度過大，比如1000條，性能代價和用戶體驗收益不成正比 參考
push() pop() shift() unshift() splice() sort() reverse()
只能劫持對象的屬性，所以我們需要對每個對象的所有屬性進行遍歷，然后需要深拷貝進行修改
而Proxy可以監(jiān)聽對象而非屬性，相比前者具有更好的性能
以上就是VUE2響應式原理使用Object.defineProperty缺點的詳細內(nèi)容，更多關于VUE2 Object.defineProperty缺點的資料請關注腳本之家其它相關文章！
相關文章
這篇文章主要介紹了vue自動化路由的實現(xiàn)代碼，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-09-09
不同于vue2不需要被use使用,vue3的機制是你的指令必須要被注冊成方法的,這樣你才能全局使用到自定義指令,下面這篇文章主要給大家介紹了關于vue3自定義指令的相關資料,需要的朋友可以參考下2022-11-11
這篇文章主要為大家介紹了使用v-memo緩存模板子樹提高應用性能詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-09-09
Vue富文本的實現(xiàn)可以使用一些現(xiàn)成的第三方庫,如Quill、Vue-quill-editor、wangEditor等,這篇文章主要給大家介紹了關于vue實現(xiàn)富文本編輯器的相關資料,需要的朋友可以參考下2024-01-01
在使用token進行登錄的過程中,如果token過期了,需要重新輸入用戶名和密碼登錄,這種體驗肯定是不好的,下面這篇文章主要給大家介紹了關于Vue?Token過期問題的2種解決方案,需要的朋友可以參考下2023-02-02
vue中手機號,郵箱正則驗證以及60s發(fā)送驗證碼的實例
下面小編就為大家分享一篇vue中手機號,郵箱正則驗證以及60s發(fā)送驗證碼的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
這篇文章主要介紹了vue3.0使用axios報錯問題記錄,vue-cli3.0安裝插件的時候要注意區(qū)分vue-cli2.0的命令，本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-08-08
Vue重要修飾符.sync對比v-model的區(qū)別及使用詳解
這篇文章主要為大家介紹了Vue中重要修飾符.sync與v-model的區(qū)別對比及使用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-07-07
這篇文章主要介紹了關于antd-vue?a-menu菜單綁定路由的相關問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
本文主要介紹了vue路由權限和按鈕權限的實現(xiàn)示例，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-04-04