Vue.js 3.0 於2020年9月正式發布，將其性能優化並支援TypeScript，同時新增Composition API。

Composition API

Composition API所面對的核心問題之一就是如何組織邏輯，以及如何在多個組件之間抽取和復用邏輯。使用Composition API，我們可以將相關聯的代碼抽取到一個"composition function"（組合函數）中—— 該函數封裝了相關聯的邏輯，並將需要暴露給組件的狀態以響應式的數據源的方式返回出來。

Mixin

Mixin 是一種讓組件之間共用方法的方法，所有 component 的選項都可以拿來使用 (created, computed…)，當 component 使用 mixin 時，mixin 本身的選項都會和 component 自己的選項混合在一起。

-缺點

setup( )

• 沒有 this
• 將共用邏輯放在 setup 函式
• 透過 context 參數取得原本在 this 對應的屬性
• 將需要暴露的屬性 return 出去
• 创建组件实例，然后初始化 props ，紧接着就调用setup 函数。从生命周期钩子的视角来看，它会在 beforeCreate 钩子之前被调用

ref()

• 生成一個響應式的屬性 (如 react 的 state hook)
• 透過 .value 屬性存取
• 可以接受任何型態的資料，但是不會對物件或陣列內部的屬性變動做監聽。

reactive()

• 意義上等同於 V2.x 的 Vue.observable()

Lifecycle hooks