博客 / 列表

charon_5f4765a39cea7 - vue 源碼解析(3-2-2,虛擬dom)

前面寫過一個snabbdom的解析,vue2.0版本用的就是這個,然後在他的基礎上添加了一些功能 推薦先去看下總結:vue源碼總結 vue-clic生成項目中的render 中的 h 函數,就是createElement() src/core/instance/render.js中創建h函數 Vue.init 的時候會調用initRender 初始化_render,

vue.js , virtual-dom

charon_5f4765a39cea7 - vue 源碼解析(3-2-1,數據響應式)

Vue源碼解析 推薦可以先去看下總結:vue解析總結 之前我們解析了mini-vue的響應式實現,和虛擬dom庫的實現,現在我們就來解析一下vue內部具體是如何做的,看看它在我們簡易實現上增加了什麼。 準備工作: 首先下載一份vue源代碼 地址:https://github.com/vuejs/vue 這個版本是2.6的,分析這個版本的原因: 到目前為止vue3.0正式

vue.js , 設計模式 , virtual-dom , compiler

charon_5f4765a39cea7 - Vue Virtual DOM基礎之Snabbdom解析(3-1-3)

前言:前面寫了1篇vue 觀察者模式響應式數據的解析,裏面關於dom操作部分是直接操作的真實dom,並沒有涉及到虛擬dom部分,然後這裏就做一個虛擬dom的實現解析。 首先,還是説什麼是虛擬dom,我之前一篇mini-react中説過虛擬dom的概念,這裏再重複一下。 Virtual DOM(虛擬 DOM),是由普通的 JS 對象來描述 DOM 對象,因為不是真實的 DOM 對象,所以叫

vue.js , virtual-dom