首页 > 编程知识 正文

什么是路由懒加载(vue图片懒加载)

时间:2023-05-04 00:17:52 阅读:92958 作者:2162

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 )请求(' @ /视图/其他' ),'通道名称' ) ) ) ) ) )。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。