Vue3 - 超详细动态修改网页标题教程，每次切换页面时自动设置浏览器标题，动态修改页面的 title 浏览器页签名称（用路由表中 meta 某一属性做页面标题并动态改变）

前言

当页面发生变化时，更新网页上的标题（浏览器页签名称）。

本文 实现了在 vue3 项目开发中，监听页面跳转并自动修改网页标题 title 详细教程，

支持取路由表的 meta title 字段作为网页标题，您也可以自由加入其他字符，

---

如下图所示，每次切换页面时浏览器标题栏都会自动更新，无需每个页面手动设置。

示例代码及教程详细，新手小白也能快速上手

第一步

由于每个人项目都不一样，所以新建一个 “全新项目” 来实现该功能，这样都能确保 100% 成功。

如下图所示，一个基础的目录。