vue router

路由原理

1. 通过改变 URL，在不重新请求页面的情况下，更新页面视图。

①hash(哈希默认)模式：使用 URL hash 值来作路由。默认模式。
   ②history(mode:history)模式： 依赖 HTML5 History API 和服务器配置。查看 HTML5 History 模式。
   ③abstract模式(严格模式)：支持所有 JavaScript 运行环境，如 Node.js 服务器端。
    根据mode参数来决定采用哪一种方式。

    vue-router的实现原理(核心)：更新视图但不重新请求页面。

！！！重要
hash模式：通过#号后面的内容的更改，触发hashchange事件，实现路由切换hash不会重加载页面。
history模式：通过pushState和replaceState切换url，实现路由切换，需要后端配合

路由跳转：

1.router-link标签跳转

2.编程式导航 this.$router.push()

动态路由：路由器自动建立自己的路由表根据实际情况调整

路由的配置：

在router/index.js中配置路由 path属性代表路径，name属性是名字，component属性在这个路径下加载什么组件，还可以用children属性配置子路由。还可以用meta定义路由的源信息。

嵌套路由：用children实现嵌套路由