vue项目中动态加载路由组件this.$route undefined

在项目中偶然间遇到了这样的问题，routes注册设置的时候使用了懒加载的方式，如下：

routes: [
    {
      path: '/',
      name: 'index',
      // component: index  //方式1
      component: () => import('./views/index.vue'); //方式2
    },
    ...
]

如果是这种方式（方式2），那么在app.vue中你如果先要在 created 或者 mounted 中，通过 this.$route.query.xx的方式去获取xx参数的值，那就是拿不到的，如果改为方式1，那就可以取得到了。
猜想的原因应该是：项目启动，懒加载方式，路由加载注册的时候没有加载path:'/'下的$route

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容