vue router 路由引入

Question

const address = () => import('@/views/member/address')
 import Address from 'page/member/address'

请教上面两种引入方式有什么不同

Answer 1

一个异步一个同步
第一个是要执行方法返回一个promise组件要在then中获取
第二个直接导入组件模块

Answer 2

上面是异步加载路由

Answer 3

const address = () => import('@/views/member/address')

等价于

cost address = function(){
    return import('@/views/member/address')
}

他本身并没有导入，除非你执行address()。

Answer 4

第一个是异步加载，第二个是同步引入

调用方式也不一样

第一个需要address().then(add => {/*如此使用*/})

第二个正常使用