本文將依 Options API、Composition API、<script setup> 的順序,先條列式三者的特徵,後面再附上最基本的程式碼比較其語法差異。
Options API
- 使用 <script> 標籤
- 比較舊
- 效能或安全性與 Composition API 並無差異
- 較不適合 TypeScript
- 大型元件用 Options API 較難管理
- 程式碼的可重用性較差
本文將依 Options API、Composition API、<script setup> 的順序,先條列式三者的特徵,後面再附上最基本的程式碼比較其語法差異。