Vue原理學習

2021-09-24 11:40:26 字數 1300 閱讀 1429

(1)資料和檢視的分離(解耦,軟體的開放封閉原則)

注:開閉原則:軟體實體(模組、類、函式等)應該可以擴充套件,但是不可以修改。也就是說軟體對擴充套件開放,對修改關閉。需要說明的是,對修改關閉不是說軟體設計不能做修改,只是盡量不要做不必要的修改。怎麼才能做到呢?那就是有相應的擴充套件性。其實,軟體有相應的擴充套件性是好處,但是不能說每個地方都有擴充套件。反而造成了**的臃腫。所以這裡的擴充套件與修改關閉是有限制的。

(2)以資料驅動檢視,只關心資料變化,dom操作被封裝

viewmodel 是連線view和model的橋梁,view通過事件繫結修改model,model通過資料繫結修改view。mvvm是對mvc的微創新,mvc是後端常用的架構模式。controllor變成了viewmodel

(1)響應式:vue如何監聽到data中每個屬性的變化的

(2)模板引擎:vue的模板如何被解析,指令如何被處理

(3)渲染:vue的模板如何被渲染成html

將data屬性**到vm上,並且在獲取與改變屬性的時候,可以加上監聽**

模板本質:字串。

有邏輯,比如v-if,v-show

最終要轉化成js**,通過render函式,html來顯示

有時候我們不希望元件被重新渲染影響使用體驗;或者處於效能考慮,避免多次重複渲染降低效能。而是希望元件可以快取下來,維持當前的狀態。這時候就可以用到keep-alive元件。

watch:

}immediate(立即處理 進入頁面就觸發)

Vue 原理學習總結

vue 如何實現響應式原理 vue 將mvvm做為資料繫結的入口。幾個vue原始碼關鍵核心概念 進一步分析 雙向繫結流程 observer data update dep notify通知 watcher update view dep dep 是observer 和 watcher 之間的橋梁,o...

vue雙向資料繫結原理學習

整個過程分為三部分 1 資料劫持監聽observer 2 發布訂閱者模式watcher 3 解析器complier 其實很好理解,想要實現雙向資料繫結,首先必須是檢視和資料雙向監聽 1 資料這邊通過資料劫持的方式,可以監聽到資料的讀寫,當發現讀取資料的時候,判斷是否為訂閱者,如果是將這個物件存起來d...

Traceroute原理學習

traceroute 可以讓我們看到 ip資料報從一台主機傳到另一台主機所經過的路由。曾經介紹過 ip記錄路由的選項 rr,為什麼不使用這個選項而另外開發乙個新的應用程式 traceroute呢?原因有三 其一,並不是所有的路由器都支援記錄路由這個選項 其二,記錄路由一般是單向的選項,傳送端設定了該...