作了一晚上動畫，就爲讓你們更好的理解Vue3的Composition Api

衆所周知，Vue3.0帶來了一個全新的特性——Composition API。字面意思就是「組合API」，它是爲了實現基於函數的邏輯複用機制而產生的。

回顧Option Api

在瞭解Composition Api以前，首先回顧下咱們使用Option Api遇到的問題，咱們在Vue2中經常會須要在特定的區域（data，methods，watch，computed...）編寫負責相同功能的代碼。

Option Api的缺陷

隨着業務複雜度愈來愈高，代碼量會不斷的加大；因爲相關業務的代碼須要遵循option的配置寫到特定的區域，致使後續維護很是的複雜，代碼可複用性也不高。

Composition Api

顯然咱們能夠更加優雅的組織咱們的代碼，函數。讓相關功能的代碼更加有序的組織在一塊兒

---

動畫的創意來自網絡，但若是隻是拿人家的視頻轉成Gif，那就顯得我太沒有誠意了。 因此，我使用keynote仿照製做了演示文稿，你們有須要演示文稿源文件的請前往微信搜索: ezfullstack

回覆：compositionapi
複製代碼

便可得到

關注大帥搞全棧

感謝分享點贊評論三連，跟我一塊兒學習全棧技術吧~

---

• 這是咱們團隊的開源項目 element3
• 一個支持 vue3 的前端組件庫