App.vue中读取不到路由的信息

问题：

​ 首先定义了一个路由，并且在路由元里面存储了一个变量，在App.vue里面访问这个变量的时候却显示undefined！在路由对应的组件中却能访问到！

定义的路由元信息：

为啥访问不到…,懵逼的我在App.vue里面打印了一下路由的所有信息，如下：

空的，啥都没有，连path都是“/”.

查了一些相关的资料，发现问题出在组件的引入，在路由引入组件时，像下面这样就不会出问题。

App.vue里面也能正确读取到路由的信息了。

可是为什么第一种方法读取不到呢？这里这里涉及到两个概念：同步组件和异步组件。

异步组件：

​ 按需加载，即只会在组件访问时才会加载，其实就是懒加载。

同步组件:

就是依次加载所有的组件，是一步执行完了才执行下一步的。

第一种路由引入方式其实就是异步引入，这就会出现，当访问该路由的之前还没有加载过相关信息，也就是App.vue访问不到的原因了。

处理这样的情况可以有几种方法：

1. 同步组件，但如果把所有的路由都同步引入，会有一个缺点就是，初次访问到的时候，可能会很慢，所以，可以依据需求具体的同步或异步引入。
2. 延时处理，路由依据异步引入，但在App.vue组件中调用路由访问的组件的信息时，做一个定时器setTimeOut，可以设置1秒或几秒后在去获取相关的路由信息就可以了。
3. 可以通过location.href，获取当前的url，依据url中的参数去接收相关的信息。