关于vue-router的一些使用心得
目录
1.watch $route只有在改变当前动态路由时才会触发,进行其他路由跳转时并不会触发
2.给每个页面设置单独的title
1
2
3
4
5
6
7
8
9
10
11
12
export default new Router({
routes: [
{
path: '/',
name: 'Entrance',
component: Entrance,
meta: {
title: '首页入口'
}
}
]
})
1
2
3
4
5
6
7
8
9
import router from './router'
router.beforeEach((to, from, next) => {
/* 路由发生变化修改页面title */
if (to.meta.title) {
document.title = to.meta.title
}
next()
})