2 篇文章 含有標籤「frontend」

本文將依 Options API、Composition API、<script setup> 的順序，先條列式三者的特徵，後面再附上最基本的程式碼比較其語法差異。

Options API​

• 使用 <script> 標籤
• 比較舊
• 效能或安全性與 Composition API 並無差異
• 較不適合 TypeScript
• 大型元件用 Options API 較難管理
• 程式碼的可重用性較差

Vite 是什麼​

Vite 是一種前端建置工具，可快速提供開發環境。
Vite 由 Vue.js 的核心團隊開發，但也支援 React 等前端框架。
以下是 Vite 的特色及優缺點：

Vite 的優點​

1. 快速的冷啟動
   Vite 使用 ES Module 的原生瀏覽器解析功能，並利用 HTTP/2 的特性，使啟動時間極為短暫。
   這意味著在開發模式下，可以感受到即時的重新載入與快速的編譯速度。

2. 優異的開發體驗
   Vite 支援熱模組替換（HMR）與快速編譯重建，
   因此開發過程中能即時檢視修改的結果，進而提升開發效率。
   此外，Vite 也支援 TypeScript、CSS 預處理器等。