vue-router知识点

1.vue-router重定向

可设置页面默认路径

2. 通过H5中的history改变路径：添加mode: 'history'

添加前：

添加后：

3. router-link其它属性

例：

 <router-link to="/home" tag="button" replace>首页</router-link>

4. 路由代码跳转

5. 动态路由

6. 打包项目

npm run build

生成dist文件：

7. 路由懒加载

懒加载的方式：

示例：

8. 嵌套路由

9. 传递参数

配置路由映射与普通方式相同：

外部代码传递参数:

10. $route 和 $router区别

11.全局导航守卫

meta：元数据（描述数据的数据）
效果：进入对应页面，表示切换成页面对应的title

实现这个效果也可以在每个页面组件上添加created方法，但这样较为复杂

点击观看详解视频

12. keep-alive可防止离开某一组件时，该组件销毁（即防止再次进入该组件时需重新加载）

视频教程

13.