手寫vue 之資料響應式

2022-06-16 15:21:09 字數 638 閱讀 3311

將檢視view的狀態和行為抽象化,讓我們將檢視 ui 和業務邏輯分開。

mvvm框架的三要素:資料響應式、模板引擎及其渲染

傳入物件obj,給他定義乙個屬性key,初始值為val

//該屬性未來的訪問會被攔截,這樣就實現了響應式

function

definereactive(obj,key,val),

set()(newval)

}}}//

自動設定乙個物件的所有屬性為響應式的

function

observe(obj)

object.keys(obj).foreach((key) =>)

}const obj =,

arr: [1,2,3]

};//

definereactive(obj, 'foo', 'foo')

observe(obj);

手寫基礎版Vue響應式原理

我們新建了乙個obj物件,然後 new observe doctype html en utf 8 viewport content width device width,initial scale 1.0 document title head 0 h1 index.js script const...

手寫Vue3 0響應式原理

vue3.0 響應式原理 const toproxy new weakmap 放置的是 原物件 過的物件 防止多次 同乙個物件 const toraw new weakmap 放置的是 過的物件 原物件 防止 已經 過的物件 判斷是否為物件 function isobject val 判斷key是否...

手寫Vue2 0響應式原理

今天來實現乙個簡易版的vue2.0響應式 class vue 響應化 this.observe this.data 測試 new watcher this,test this.test 建立編譯器 new compile options.el,this if options.created 遞迴遍歷...