Vue2.0-动态设置标题

在进入不同的页面时，网页显示不同的标题

分析

在不同页面中独立设置标题，把标题信息保存在meta中；

在路由跳转时：在路由前置守卫中，获取title，并设置

难点

如何设置页面标题？

document.title = '标题内容'

代码

在src/permission.js中

1. 引入 工具方法getPageTitle import getPageTitle from '@/utils/get-page-title'

2. 在路由守卫中调用

   补充一个路由守卫

多个路由守卫，按书写顺序执行

router.beforeEach((to, from, next) => {
 document.title = getPageTitle(to.meta.title)
 next()
})