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

Question

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

Answer 1

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

Answer 2

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

Answer 3

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