Vue是一種流行的JavaScript框架，它使用HTML、CSS和JavaScript構建用戶界面。Vue的主要特點是輕巧、高效和易于學習。下面，我們將介紹如何使用Vue和HTML創建一個簡單的實例。

要開始使用Vue，您需要先引入Vue的庫。這可以通過CDN鏈接或在本地下載Vue庫來完成。在這里，我們將使用CDN鏈接。

<!-- 引入 Vue 庫 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

現在我們已經準備好使用Vue了，讓我們創建一個數據對象并在HTML中使用它。我們需要在Vue中定義數據，然后將該數據傳遞給我們的HTML頁面。在這里，我們將定義一個包含“message”屬性的Vue實例。

<!-- 創建 Vue 實例 -->
<div id="app">
{{ message }}
</div>
<script>
var app = new Vue({
el: '#app',
data: {
message: 'Hello, Vue!'
}
});
</script>

在此示例中，我們使用Vue的el選項將其綁定到具有id“app”的HTML元素中。此外，我們定義了數據對象“message”并將其值設置為“Hello, Vue!”。我們將Vue實例中的數據對象綁定到HTML元素中使用雙大括號。

現在，您可以打開HTML頁面并查看應用程序。應該看到“Hello, Vue!”消息。您可以嘗試更改數據對象中的值，以查看如何動態更新HTML頁面中的內容。這就是Vue和HTML配合使用的一個簡單實例。