vue路由懒加载的理解问题

Question

在官方文档中懒加载写的并不多，整体意思就是讲Vue 的异步组件和 Webpack 的代码分割功能结合，那么这样书写const Lanthree=()=>import(/* webpackChunkName: "Lanthree" */ './vue/lanthree.vue')就是实现懒加载了吗？引入的vue组件如下<template><div>懒加载三</div></template>export default{    name:'lanthree'}通过上面的引入语句就创建了Promise？返回的是Promise.resolve({ / 组件定义对象 / })吗？虽然文档中的页面实现了，但是对懒加载还是无法深刻理解，如上这样写就可以实现在加载组件的时候才进行加载吗？

Answer 1

是的。promise 是 () => import()语法提供的，至于用到这块逻辑才去加载 js 文件，目前是 webpack/babel 帮你做了这部分工作。