1、组件用箭头函数表示import组件
组件3360 (=导入(/* webpackchunkname : ' importfuncdemo ' */' @/views/about ' ) ) () ) )
注意:在vuecli3中,我们发现懒惰加载的页面是从首页访问时加载的
源代码表明,rel=prefetch已添加到引入懒惰加载的about文件中
link rel='prefetch '在页面加载完成后,利用空闲时间预加载和检索用户将来可能访问的内容。
//手动选择要事先检索的代码
导入(web包优先选项:真,'./someAsyncComponent.vue ' ) )
如果不需要此模式,可以取消prefetch
在vue.config.js上修改
module .导出={
链web包:配置={
删除prefetch插件
config.plugins.delete (' prefetch ) )。
}
}
2、vue异步组件技术====异步加载
组件:解决方案=要求(“@ /视图/毫米”,解决方案)。
三、web包提供的require.ensure (
chunkName :文件名
组件3360 (=require.ensure ([,] )=r )请求(' @ /视图/其他' ),'通道名称' ) ) ) ) ) )。