Angular 是 Google 親兒子,React 是 Facebook 小正太,那咱為啥偏偏選擇了 Vue 下手,一句話,Vue 是咱見過的最對脾氣的 MVVM 框架。之前也使用過 knockout,angular,react 這些框架,但都沒有讓咱產生 follow 的沖動。直到見到 Vue,簡直是一見鍾情啊。
本系列的目的不是介紹如何使用 Vue,而是希望把 Vue 的源碼實現思路簡單清晰地描繪出來,從而摸清一個 MVVM 框架是如何工作的,並從中學習封裝輪子(庫或框架)的各種實用技巧。文章中的不足和欠缺之處,請大家多多指教/抱拳。
Vue 版本:2.5.9
1
萬事開頭難
<div class="level-item first-level-item">
<span class="order-number">2</span>編譯器模塊
<div class="second-level">
<div class="level-item second-level-item ">
<span class="order-number">2.1</span>
<a href="//www.cnblogs.com/iovec/p/vue_02.html">編譯器初探</a>
</div>
<div class="level-item second-level-item ">
<span class="order-number">2.1</span>
<a href="//www.cnblogs.com/iovec/p/vue_03.html">生成 AST</a>
</div>
<div class="level-item second-level-item ">
<span class="order-number">2.2</span>
<a href="//www.cnblogs.com/iovec/p/vue_04.html">生成 render 函數</a>
</div>
</div>
</div>
<div class="level-item first-level-item">
<span class="order-number">3</span>運行時模塊
<div class="second-level">
<div class="level-item second-level-item ">
<span class="order-number">3.1</span>
<a class="latest-update" href="//www.cnblogs.com/iovec/p/vue_05.html">運行時鳥瞰圖(2018年1月2日更新)</a>
</div>
</div>
</div>
本系列會以每周一篇的速度持續更新,喜歡的小伙伴記得點關注哦。