在使用 Vue（尤其是 Vue 3）开发时，有时需要动态调整网页的标题，比如切换页面或组件时更新 title。这不仅提升了用户体验，也让 SEO 更友好！🤔

例如，结合 `` 缓存组件时，我们可以监听路由变化，实时修改 `document.title` 来匹配当前页面内容。代码实现起来也很简单：

```javascript

watch: {

$route(to) {

document.title = `Vue3 | ${to.meta.title}`;

}

}

```

只要在每个路由中设置好 `meta.title`，就能轻松搞定！🎯

此外，记得搭配 `` 使用时，需注意被缓存的组件是否需要重新渲染，避免不必要的性能浪费哦～🧐

用 Vue 改变世界，从一个小小的 title 开始吧！🚀