vue源碼學習——目錄設計

src目錄下

在這裏插入圖片描述

compiler

compiler目錄下包含了vue.js所有編譯相關的代碼。

core

core目錄下包含了Vue.js 的核心代碼,包括內置組件、全局API封裝、Vue實例化、觀察者、虛擬 DOM、工具函數等等

platfoms

vue.js是跨平臺的MVVM框架,可以跑在Web上,也可以配合weex跑在native客戶端上
platfoms是vue.js的入口下面的web目錄與weex目錄代表兩個主入口,分別打包成運行在web和weex上的vue.js

server

vue.js2.0支持服務端渲染,所有的服務端渲染相關邏輯都在這個目錄下
這部分代碼是跑在服務端的node.js,不要和跑在瀏覽器端的vue.js混爲一談

sfc

開發vue.js會藉助webpack構建,然後通過但文件來編寫組件。
sfc目錄下的代碼邏輯會將.vue文件內容解析成一個JavaScript對象

shared

vue.js會定義一些工具方法,這裏定義的工具方法都是會被瀏覽器端的vue.js和服務端的vue.js所共享的

作者把功能模塊拆分的非常清楚,相關的邏輯放在一個獨立的目錄下維護,並且把複用的代碼也抽成一個獨立目錄。
這樣的目錄設計讓代碼的閱讀性和可維護性都變強,是非常值得學習和推敲的

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章