摘要

Vue 是一個 JavaScript 框架，其核心理念是「漸進式」。這代表您可以像疊積木一樣，依照專案需求，從最簡單的功能開始使用，逐步擴展到完整的應用程式架構。

定義與說明

「漸進式」體現在三個層次：

宣告式渲染

作為一個輕量級函式庫，為現有頁面增添互動性，取代 jQuery。

元件化系統

將介面拆分成獨立、可複用的元件，用於構建可管理的應用。

完整生態系

結合官方的路由 (Vue Router) 和狀態管理 (Pinia) 等工具，打造大型、複雜的單頁應用程式 (SPA)。

實作範例

層次一：在任何 HTML 中直接使用

HTML

<div id="app">
  <h1></h1>
</div>

<script src="https://unpkg.com/vue@3"></script>
<script>
  Vue.createApp({
    data() { 
      return { message: 'Hello, Vue!' } 
    }
  }).mount('#app')
</script>

結論

Vue 的漸進式特性給予開發者極大的自由度和彈性。您可以從任何規模的專案開始，並隨著專案成長無縫擴展，這使得 Vue 的學習曲線非常平滑且易於上手。

Vue.js 漸進式框架 JavaScript