首页 > 试题广场 >

说一说vue-router 实现懒加载的方法？

[问答题]
说一说vue-router 实现懒加载的方法？
添加回答
推荐
可乐加冰upuppp头像 可乐加冰upuppp

得分点

import、require

参考答案

标准回答

vue-router 实现懒加载的方法有两种：

ES6的impot方式:

 component: () => import(/* webpackChunkName: "about" */ '../views/About.vue'),

VUE中的异步组件进行懒加载方式:

component: resolve=>(require(['../views/About'],resolve))

加分回答

vue-router 实现懒加载的作用：性能优化，不用到该路由，不加载该组件。

延伸阅读

需要路由懒加载的原因

Vue是单页面应用，如果没有应用懒加载，运用webpack打包后的文件将会异常的大。造成进入首页时，需要加载的内容过多，时间过长，会出啊先长时间的白屏，即使做了loading也是不利于用户体验。而运用懒加载则可以将页面进行划分，需要的时候加载页面，可以有效的分担首页所承担的加载压力，减少首页加载用时。

编辑于 2021-09-15 12:18:37 回复(0)
牛客749406567号头像 牛客749406567号
vue写法：()=>import('路径')
es6推荐写法:const foo = ()=>import('路径')
webpack :require.ensure()
发表于 2022-09-29 16:47:32 回复(0)
牛客584515993号头像 牛客584515993号
const name = (=> import(路径))
发表于 2021-10-27 20:06:51 回复(0)
提交观点

问题信息

上传者：小小
难度：
3条回答 1141浏览

热门推荐

相关试题

扫一扫，把题目装进口袋

求职之前，先上牛客

扫描二维码，进入QQ群

扫描二维码，关注牛客公众号