vue路由懶加載的理解問題

在官方文檔中懶加載寫的并不多，整體意思就是講Vue 的異步組件和 Webpack 的代碼分割功能結(jié)合，那么這樣書寫

const Lanthree=()=>import(/* webpackChunkName: "Lanthree" */ './vue/lanthree.vue')

就是實(shí)現(xiàn)懶加載了嗎？引入的vue組件如下

<template>
<div>
懶加載三
</div>
</template>
export default{
    name:'lanthree'
}

通過上面的引入語句就創(chuàng)建了Promise？返回的是Promise.resolve({ / 組件定義對象 / })嗎？雖然文檔中的頁面實(shí)現(xiàn)了，但是對懶加載還是無法深刻理解，如上這樣寫就可以實(shí)現(xiàn)在加載組件的時候才進(jìn)行加載嗎？