「查漏補缺」Vue2.0 原始碼重寫『資料劫持』【面試必備】

2020-10-12 16:00:22

前言

學習原始碼的目標是學習其中的設計思路,在工作業務中就可利用這些思路編寫我們的專案。對於資料劫持這一塊,是比較重要而且有價值學習的,今天,帶著好奇心來探討學習一下,首先,我們得明白資料劫持目的是什麼,它到底做了啥?

資料劫持的目的是什麼?

我們不希望原生的對物件或者陣列的操作,僅僅是一個單純的操作,我們希望在對物件賦值或者對陣列 push 等方法時,我們可以增加一寫操作進去,比如說讓檢視做資料的繫結,即資料改變的時候也讓檢視也跟著變化,如果僅僅一個單純的操作,那麼就 state 發生了變化,檢視並沒有隨之變化。因此,我們需要在資料變化的時候攔截一下,在保證資料變化的同時,對我們的檢視進行操作,也就是說在運算元據的過程當中,我們希望能夠做更多的事情。


如若有幫助到您,請一鍵三連,當然,本文表述有問題的地方,歡迎讀者指正,也是一個學習的過程,謝謝~

閱讀須知

在環境搭建和實現相關程式碼之前,先提供本次程式碼的目錄結構,不然後續一些檔名以及檔案路徑可能會有小夥伴有疑惑。

目錄結構

--vueDemo  ---<
一百個Chocolate CSDN認證部落格專家 CSDN部落格專家 部落格之星 前端開發攻城獅
JS,TS,LeetCode,Vue,React,演演算法愛好者。
主要分享前端知識,立志成為優秀前端博主。
座右銘:學如逆水行舟,不進則退!