Vue.js vue-router 如何预加载其他路由的组件?

我用的vue和vue-router做的单页应用,默认进入/index首页路由,但是其中有一个地图路由/map,只有切换到该路由该组件才会加载。但是在首页需要地图定位来展示定位信息,需要地图组件提前加载。请问有没有办法加载一个未初始化的其他路由的组件呢?

阅读 10.4k
3 个回答

将 map 做成组件,在各个页面里直接使用这个组件就可以

用require.ensure来做,加载首页时直接加载它就行。原理就是分类打包而已。

新手上路,请多包涵

其实你这个问题很好解决,首先你首页依赖了map页面一部分代码,那你可以考虑把map共用代码分离到一个mixins文件,两方通过引入mixins实现相同逻辑,完全没必要纠结于怎么去先加载那个map页面

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题