Vue 3是一款優秀的JavaScript框架，可用于構建高效的現代web應用程序。其中一個重要的功能是可動態地更新HTML頁面內容，以使用戶獲取最新的信息。在Vue 3中，頁面標題是一種很重要的元素，可以通過v-bind指令來動態更新。

<template>
<div>
<h1 v-bind:title="pageTitle">{{ pageHeading }}</h1>
</div>
</template>
<script>
export default {
data() {
return {
pageHeading: 'Vue 3 頁面標題演示',
pageTitle: 'Vue 3 | 頁面標題演示',
}
},
mounted() {
document.title = this.pageTitle
},
watch: {
pageHeading: function() {
document.title = this.pageTitle
}
}
}
</script>

在上面的代碼中，我們使用v-bind指令將pageTitle綁定到了h1標簽上的title屬性。這樣，當我們修改pageTitle變量時，頁面標題也會相應地更新。另外，我們在Vue組件中添加了一個watch監聽器，以便在pageHeading發生變化時，自動將document的title屬性更新為新的pageTitle值。

總之，Vue 3可以很容易地實現動態更新HTML頁面元素，包括頁面標題。這使得我們的web應用程序更加靈活和易于維護。如果您想了解更多有關Vue 3的知識，請查看Vue 3文檔和示例。