Vuecli中如何让页面中的title动态更新(router的使用)

1、第一步在routes中每个对象中添加meta:{title:'自定义title'}

 2、第二步在index.js页面底部添加以下内容

router.beforeEach((to, from, next) => { //beforeEach是router的钩子函数，在进入路由前执行
	if (to.meta.title) { //判断是否有标题
		document.title = to.meta.title
	}
	next() //执行进入路由，如果不写就不会进入目标页

})

看的更明确一些(export default router：默认执行)