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 是&nbsp;() => import()语法提供的，至于用到这块逻辑才去加载 js 文件，目前是 webpack/babel 帮你做了这部分工作。