什麼是 Vue.js？

關於 Vue.js 的快速回顧

讓我們直奔主題。但在此之前，讓我們快速回顧一下 Vue.js 的全部內容。

Vue.js 是一個「友好，高效能，多功能的建置 Web 使用者界面的框架」。這是官方文件主頁上的說明。對此，我認為直接引用官方的話而不加入我自己的解釋會更清楚，所以我在下面引用了它們：

Vue（發音為 /vjuː/，類似 view）是一個用於建置使用者界面的 JavaScript 框架。它建立在標準 HTML、CSS 和 JavaScript 的基礎上，並提供了一套宣告式的、元件化的編程模型，幫助你高效地開發使用者界面，無論是簡單還是複雜的。

宣告式渲染：Vue 基於標準 HTML 拓展了一套模板語法，使得我們可以宣告式地描述最終輸出的 HTML 和 JavaScript 狀態之間的關係。

響應性：Vue 會自動跟蹤 JavaScript 狀態變化並在改變發生時響應式地更新 DOM。

這裡是一個最小的示例：

import { createApp } from 'vue'

createApp({
  data() {
    return {
      count: 0,
    }
  },
}).mount('#app')

html

<div id="app">
  <button @click="count++">Count is: {{ count }}</button>
</div>

對於宣告式渲染和響應性，我們將在各自的章節中詳細深入探討，所以現在有一個高層次的理解就足夠了。

Vue.js as an implementation map

另外，這裡出現了「框架」這個術語，Vue.js 將自己推廣為「漸進式框架」。關於這一點，我認為最好直接參考文件的以下部分：

官方文件專注於「如何使用 Vue.js」，提供了大量的教程和指南。

然而，這本書採用了稍微不同的方法，專注於「Vue.js 是如何實作的」。我們將編寫實際程式碼來建立一個迷你版本的 Vue.js。

另外，這本書不是官方出版物，可能不夠詳盡。可能會有一些錯誤或遺漏，所以我很感謝任何反饋或更正。