《Vue.js项目实战开发（第二版）》课件4-2 标题栏设计.pptx

Vue前端框架开发福州职业技术学院主讲：王琳燕任务四“就业职通车”项目首页设计

子任务二：标题栏设计

任务陈述《Vue前端框架开发》路由元信息配置在路由规则中通过meta字段定义各页面标题全局路由守卫拦截利用beforeEach统一拦截路由，动态设置文档标题组件内路由信息获取使用useRouter()钩子获取当前路由信息并展示本任务要求基于VueRouter的路由守卫与Vue3的组合式API，实现一个动态显示的标题栏组件，具体功能要求如下：页面效果

任务实施

任务实施《Vue前端框架开发》步骤一：配置路由元信息与全局守卫全局路由守卫(beforeEach)router.