vue如何实现路由根据开发状态懒加载


小编给大家分享一下vue如何实现路由根据开发状态懒加载,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!路由根据开发状态懒加载1 一般情况一般我们在路由中加载组件的时候:当你需要懒加载 lazy-loading 的时候,需要一个个把routes的component改为 () => import(‘@/views/login.vu免费云主机域名e’) ,甚为麻烦。当你的项目页面越来越多之后,在开发环境之中使用 lazy-loading 会变得不太合适,每次更改代码触发热更新都会变得非常的慢。所以建议只在生成环境之中使用路由懒加载功能。2 优化根据Vue的异步组件和Webpack的代码分割功能可以轻松实现组件的懒加载,如:const Foo = () => import('./Foo.vue')在区分开发环境与生产环境时,可以在路由文件夹下分别新建两个文件: _import_production.jsmodule.exports = file => () => import('@/views/' + file + '.vue')_import_development.js ,这种写法 vue-loader 版本至少v13.0.0以上module.exports = file => require('@/views/' + file + '.vue').default而在设置路由的 router/index.js 文件中:这样组件在开发环境下就是非懒加载,生产环境下就是懒加载的了以上是“vue如何实现路由根据开发状态懒加载”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注百云主机行业资讯频道!

相关推荐: Python怎么采集王者皮肤图片

这篇文章主要介绍了Python怎么采集王者皮肤图片的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇Python怎么采集王者皮肤图片文章都会有所收获,下面我们一起来看看吧。我们在对王者英雄的主页,进行了分析,我们发现,其网页地址相似,…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

Like (0)
Donate 微信扫一扫 微信扫一扫
Previous 07/18 15:55
Next 07/18 15:58

相关推荐