vue-router打包文件的解析：

示例图

路由懒加载：懒加载即是用到时候才加载。

示例图

示例图

示例图

路由的嵌套：

嵌套路由，类似于这样的路径形式：/home/news，/home/message。

我们知道在路由映射表中，一个路径对应一个组件，如果要访问上面的俩个路径，就要有俩个子组件。

示例图

示例图

示例图

路由传递参数：

示例图

第一种我们之前了解过了，但是第一种形式不标准，他已经是属于配置路由方式，不算标准的路由传参形式。针对第二种我们看看。

示例图

示例图

示例图

关于this.$router和this.$route

示例图

导航守卫，主要是对路由跳转进行监听，然后在监听函数里面做对应操作。

比如beforeEach函数。又叫做前置钩子。调用的时候next（）函数必须调用，否则路由就没动静了。

示例图

示例图

示例图

除了前置钩子，还有后置钩子，如下：

示例图

示例图

详情见：https://blog.csdn.net/a924382407/article/details/125742136

示例图

示例图

示例图

示例图

生命周期函数讲解：https://zhuanlan.zhihu.com/p/380720885