資訊專欄INFORMATION COLUMN
摘要：一方面是因為想要克服自己的惰性，另一方面也是想重新溫故一遍。一共分成了個基礎(chǔ)部分，后續(xù)還會繼續(xù)記錄。文章中如果有筆誤或者不正確的解釋，也歡迎批評指正，共同進步。最后地址部分源碼
Why?
網(wǎng)上現(xiàn)有的Vue源碼解析文章一搜一大批，但是為什么我還要去做這樣的事情呢？因為覺得紙上得來終覺淺，絕知此事要躬行。
然后平時的項目也主要是Vue，在使用Vue的過程中，也對其一些約定產(chǎn)生了一些疑問，可能官網(wǎng)上只會建議你這么做，但是核心實現(xiàn)我們可能并不知道。比如：
v-for key 是如何達到“就地復用”策略
數(shù)組更新檢測是如何完成的
set 為什么就能動態(tài)添加根級別的響應(yīng)式屬性
為什么Vue可以跨平臺支持weex，以及后來出現(xiàn)的mpvue
...
其次，很久沒有更新內(nèi)容了，之前對Vue源碼也是有點研究，只不過沒有很體系的記錄，現(xiàn)在抽了點時間，做了一次基礎(chǔ)的總結(jié)吧。一方面是因為想要克服自己的惰性，另一方面也是想重新溫故一遍。
What？一共分成了10個基礎(chǔ)部分，后續(xù)還會繼續(xù)記錄。我們可以先看一下概覽：
然后我們來看一下基礎(chǔ)的目錄：
入口開始，解讀Vue源碼（一）———— 造物創(chuàng)世
入口開始，解讀Vue源碼（二）—— new Vue 的故事
入口開始，解讀Vue源碼（三）—— initMixin 上篇
入口開始，解讀Vue源碼（三）—— initMixin 下篇
入口開始，解讀Vue源碼（四）—— 實現(xiàn)一個基礎(chǔ)的 Vue 雙向綁定
入口開始，解讀Vue源碼（五）—— $mount 內(nèi)部實現(xiàn)
入口開始，解讀Vue源碼（六）—— $mount 內(nèi)部實現(xiàn) --- compile parse函數(shù)生成AST
入口開始，解讀Vue源碼（七）—— $mount 內(nèi)部實現(xiàn) --- compile optimize標記節(jié)點
入口開始，解讀Vue源碼（八）—— $mount 內(nèi)部實現(xiàn) --- compile generate 生成render函數(shù)
入口開始，解讀Vue源碼（九）—— $mount 內(nèi)部實現(xiàn) --- render函數(shù) --> VNode
入口開始，解讀Vue源碼（十）—— $mount 內(nèi)部實現(xiàn) --- patch
End?文章前后也是利用碎片時間總結(jié)整理而成，有些也是翻閱了很多的資料，也有過引用巨人的段落，文章中有所標注。如果沒有標注，可能是本人忘記了，歡迎提醒。文章中如果有筆誤或者不正確的解釋，也歡迎批評指正，共同進步。
最后：
github地址
部分源碼demo
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/94570.html
摘要：一方面是因為想要克服自己的惰性，另一方面也是想重新溫故一遍。一共分成了個基礎(chǔ)部分，后續(xù)還會繼續(xù)記錄。文章中如果有筆誤或者不正確的解釋，也歡迎批評指正，共同進步。最后地址部分源碼 Why? 網(wǎng)上現(xiàn)有的Vue源碼解析文章一搜一大批，但是為什么我還要去做這樣的事情呢？因為覺得紙上得來終覺淺，絕知此事要躬行。 然后平時的項目也主要是Vue，在使用Vue的過程中，也對其一些約定產(chǎn)生了一些疑問，可...
前言 本文所有內(nèi)容全部發(fā)布再個人博客主頁 https://github.com/muwoo/blogs歡迎訂閱。不過最近因為事情比較多，有一段時間沒有更新了，后面打算繼續(xù)不斷學習更新，歡迎小伙伴一起溝通交流~ 最近更新 前端單測的那些事 基于virtual dom 的canvas渲染 js Event loop 機制簡介 axios 核心源碼實現(xiàn)原理 JS 數(shù)據(jù)類型、賦值、深拷貝和淺拷貝 j...
前言 本文所有內(nèi)容全部發(fā)布再個人博客主頁 https://github.com/muwoo/blogs歡迎訂閱。不過最近因為事情比較多，有一段時間沒有更新了，后面打算繼續(xù)不斷學習更新，歡迎小伙伴一起溝通交流~ 最近更新 前端單測的那些事 基于virtual dom 的canvas渲染 js Event loop 機制簡介 axios 核心源碼實現(xiàn)原理 JS 數(shù)據(jù)類型、賦值、深拷貝和淺拷貝 j...
前言 本文所有內(nèi)容全部發(fā)布再個人博客主頁 https://github.com/muwoo/blogs歡迎訂閱。不過最近因為事情比較多，有一段時間沒有更新了，后面打算繼續(xù)不斷學習更新，歡迎小伙伴一起溝通交流~ 最近更新 前端單測的那些事 基于virtual dom 的canvas渲染 js Event loop 機制簡介 axios 核心源碼實現(xiàn)原理 JS 數(shù)據(jù)類型、賦值、深拷貝和淺拷貝 j...
摘要：寫在前面其實最開始不是特意來研究的源碼，只是想了解下的命令，如果想要了解命令的話，那么繞不開寫的。通過分析發(fā)現(xiàn)與相比，變化太大了，通過引入插件系統(tǒng)，可以讓開發(fā)者利用其暴露的對項目進行擴展。 showImg(https://segmentfault.com/img/bVboijb?w=1600&h=1094); 寫在前面 其實最開始不是特意來研究 vue-cli 的源碼，只是想了解下 n...
閱讀 2899·2021-09-22 15:54
閱讀 1897·2019-08-30 15:53
閱讀 2247·2019-08-29 16:33
閱讀 1425·2019-08-29 12:29
閱讀 1396·2019-08-26 11:41
閱讀 2376·2019-08-26 11:34
閱讀 2962·2019-08-23 16:12
閱讀 1428·2019-08-23 15:56
