- Vue.js 3.0源碼解析(微課視頻版)
- 張廷杭 仲寶才 姚鑫編著
- 463字
- 2024-12-27 21:47:01
1.2.1 架構變化
Vue3采用monorepo來管理項目,內部源碼分為reactivity(響應式)系統、runtime(運行時)系統和complier(編譯器)系統三大模塊,runtime(運行時)系統和complier(編譯器)系統模塊又分平臺API和核心API,源碼結構如圖1.1所示。

圖1.1 源碼結構
在使用過程中可以快速地在多平臺引入Vue3,涉及平臺專屬API時不用修改源碼,可自己實現平臺API,與核心庫相配合形成新的框架,從而使Vue3的使用更廣泛。
注:monorepo是指在版本控制系統中的單個代碼庫,它包含許多項目,這些項目獨立存在,可以由不同的團隊維護。
Vue3采用composition API掛載原型的方式,相比Vue2采用的options API方式更便于核心庫解耦,更便于引用。
options API:通過預設選項的方式進行使用。在Vue2中,頁面內的功能需要寫在預設好的選項內。例如,data對象內定義了響應式數據,methods對象內定義了頁面方法等。這種在特定位置做特定事情的約定,稱為options API(選項式API)。
composition API:可以根據邏輯功能組織代碼,將同一個功能相關的API放在一起,通過函數的方式進行暴露和使用,一定程度上可不受位置的影響,稱為composition API(組合式API)。
composition API更加靈活,但也更加考驗使用者的代碼組織能力,關于composition API的使用風格將在第10章實戰案例中呈現。
推薦閱讀
- Intel Galileo Essentials
- 騰訊iOS測試實踐
- JMeter 性能測試實戰(第2版)
- Learn WebAssembly
- Full-Stack Vue.js 2 and Laravel 5
- Learning FuelPHP for Effective PHP Development
- Mobile Device Exploitation Cookbook
- LabVIEW虛擬儀器程序設計從入門到精通(第二版)
- Simulation for Data Science with R
- Ext JS 4 Plugin and Extension Development
- 征服C指針(第2版)
- Visual C++程序設計全程指南
- JavaScript Unit Testing
- 前端架構設計
- 大話C語言