Options API 和 Composition API 的對比
阿新 • • 發佈：2020-12-13
vue2中的Options API
在vue2中，我們會在一個vue檔案中methods，computed，watch，data中等等定義屬性和方法，共同處理頁面邏輯，我們稱這種方式為Options API
缺點：一個功能往往需要在不同的vue配置項中定義屬性和方法，比較分散，專案小還好，清晰明瞭，但是專案大了後，一個methods中可能包含很多個方法，你往往分不清哪個方法對應著哪個功能
vue3中的Composition API(組合API)就是用來解決這個問題的
在vue3 Composition API 中，我們的程式碼是根據邏輯功能來組織的，一個功能所定義的所有api會放在一起（更加的高內聚，低耦合）
快速的定位到這個功能所用到的所有API，而不像vue2 Options API 中一個功能所用到的API都是分散的，需要改動功能，到處找API的過程是很費勁的
為什麼要使用 Composition API：
- Composition API 是根據邏輯相關性組織程式碼的，提高可讀性和可維護性
- 基於函式組合的 API 更好的重用邏輯程式碼
（在vue2 Options API中通過Mixins重用邏輯程式碼，容易發生命名衝突且關係不清）