1.在路由配置中，一般会有根路径“/”,跟自己定义的路径一样的，这是需要写个重定向，如
image.png
2.vue中的路径跳转问题
this.route指的是单前的路由信息，this.$router指的是整个项目的路由信息
-
<router-view>是一个容器，用来放置需要切换的组件。
4.<router-link to="/Home"></router-link>用这个标签来实现a跳转，to后面是目标路径，如tag="li"，就是把这个标签解析为li标签。
路径的跳转也可以写成绑定属性的形式
image.png
在第一个箭头中路径可以写为name，也可以用path代替，第二个是this.$route上的一个方法，隐式传参数，传在params对象里面,在使用name属性时注意写属性！
第二个箭头query里面传递的参数直接在url上显示
image.png
5.在不同页面显示不同的信息时候（如脚部每个页面的取舍），需要使用命名视图，这是需要在router-view上添加name属性，如
image.png
这样才能去判断渲染哪一个部分，这时需要重新写路由配置
image.png
default表示默认需要渲染的样式，footer为定义的名称，定义的名称显示的内容就根据router-view后是否带有name值u判断。
当只渲染一个页面时，就使用component。
7.导航守卫（路由发生切换时候判断允不允许你跳转）
判断当前路由需不需要验证，就需要使用路由元信息，如
image.png
则表示home页面不需要验证信息，需要的话则true
全局的导航守卫
image.png
局部的导航守卫（三种状态，进入，更新，离开）
image.png
