Vue基礎-響應式原理

一、什么是響應式？

vue可以監(jiān)聽一個變量的變化，當變量發(fā)生變化時，vue可以做一些工作

二、面試官問響應式原理，問的是什么？

問的是vue如何監(jiān)聽data選項上的變化的

vue2中，使用Object.defineProperty來實現(xiàn)響應式

給對象添加屬性時，可以為屬性添加getter/setter的鉤子。當這個屬性被訪問時，get鉤子會執(zhí)行；當修改這個屬性時，set鉤子會執(zhí)行，這就實現(xiàn)了響應

響應式原理圖解1-1


vue組件實例化：對data選項上的數(shù)據(jù)進行劫持

初始化：init()把那些響應式變量渲染到DOM上

觀察者：Watcher()觸發(fā)依賴收集異步執(zhí)行、更新DOM；

dep：收集依賴；

?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容