Vue 官網的 Demo 非常全面，包含了很多可以直接在瀏覽器中運行的示例代碼，演示了 Vue 的核心功能和特性。這些 Demo 非常適合新手學習 Vue，也可以幫助有經驗的開發者更深入地了解 Vue。

在官網的 Demo 頁面中，我們可以看到很多不同的示例，包括計算屬性、組件、指令、過濾器、事件處理等等。這些示例都使用了 Vue 的語法和 API，非常直觀地展現了如何使用 Vue。

{{ message }}

在這個簡單的示例中，我們可以看到 Vue 如何將數據和模板綁定在一起。在 JavaScript 中創建了一個 Vue 實例，然后將這個實例綁定到 HTML 中的一個元素上，這個元素就變成了 Vue 實例的“掛載點”。在 data 中定義的數據可以在模板中使用，用雙括號包裹起來。

除了基本的數據綁定，Vue 還支持計算屬性的使用，這是一個非常強大的功能，用于將數據轉換為我們需要的格式。例如，我們可以使用計算屬性來將一個列表的元素按照某個字段排序：

在這個示例中，我們定義了一個列表和一個排序字段，然后使用計算屬性 sortedList 來獲取排序后的列表，其中 sort 函數用于根據 sortBy 字段進行排序。

除了數據綁定和計算屬性，Vue 還提供了很多其他的功能，例如組件和指令。組件是 Vue 構建應用的基本塊，可以將一個頁面分成多個組件，每個組件都是一個獨立的、可復用的模塊。指令則是指在 HTML 元素上增加的特殊屬性，用于指示 Vue 在渲染頁面時如何操作元素。

總之，Vue 的官網 Demo 是學習 Vue 的絕佳資料，其中包含了很多可以直接運行的代碼示例，讓您快速了解 Vue 的核心功能和特性。如果您正在學習 Vue，不要錯過官網的這個寶庫！