【日记】Vue路由懒加载写法
全栈开发日记
共 539字,需浏览 2分钟
· 2021-12-05
如果你的Vue项目有多个组件,当打包构建应用时,JavaScript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了。
路由懒加载的三种写法:
// 第一种 官方写法
const Foo = () => import('./Foo.vue')
const router = new VueRouter({
routes: [{ path: '/foo', component: Foo }]
})
// 第二种 改良版
const router = new VueRouter({
routes: [{ path: '/foo', component: () =>{
return import('./Foo.vue')
}
}]
})
// 第三种 网传版
const router = new VueRouter({
routes: [
{path:'/foo', component: resolve=>require(['./Foo.vue'],resolve)}
]
})
评论
【第124期】Vue 3 组合式 API 的瑞士军刀(VueUse)
概述 今天,我们要深入探索一个强大的工具集——VueUse。它为 Vue 3 的组合式 API(Composition API)提供了超过 200 个实用函数,让你的开发工作更加得心应手。官方网站:https://vueuse.org/VueUse 是什么?VueUse 的官方网站是 https:
前端微服务
0
面试官:谈谈前端路由的实现原理【hash&history】
哈喽,大家好我是考拉🐨。今天我们来聊一聊前端路由。当谈到前端路由时,指的是在前端应用中管理页面导航和URL的机制。前端路由使得单页应用(Single-Page Application,SPA)能够在用户与应用交互时动态地加载不同的视图,而无需每次都重新加载整个页面。在前端开发中,常用的前端路由库有很
程序员成长指北
586
从理解路由到实现一套Router(路由)
大厂技术 高级前端 Node进阶点击上方 程序员成长指北,关注公众号回复1,加入高级Node交流群平时在Vue项目中经常用到路由,但是也仅仅处于会用的层面,很多基础知识并不是真正的理解。于是就趁着十一”小长假“查阅了很多资料,总结下路由相关的知识
程序员成长指北
347
8种专坑运维的 SQL 写法,性能降低100倍,您不来看看?
来源:机器之心1、LIMIT 语句分页查询是最常用的场景之一,但也通常也是最容易出问题的地方。比如对于下面简单的语句,一般 DBA 想到的办法是在 type,name, create_time 字段上加组合索引。这样条件排序都能有效的利用到索引,性能迅速提升。SELECT *FROM opera
良许Linux
0
性能优化——图片压缩、加载和格式选择
大厂技术 高级前端 Node进阶点击上方 程序员成长指北,关注公众号回复1,加入高级Node交流群前言相信大家都听说过 "258 原则(https://blog.csdn.net/weixin_42139375/article/details/8
程序员成长指北
2081
为什么defineProps宏函数不需要从vue中import导入?
本文约4000+字,整篇阅读大约需要10分钟。前言我们每天写vue代码时都在用defineProps,但是你有没有思考过下面这些问题。为什么defineProps不需要import导入?为什么不能在非setup顶层使用defineProps?defineProps...
前端Q
0
一篇文章教会你使用JS+CSS实现一个简单加载进度条的效果
点击上方“前端进阶学习交流”,进行关注回复“前端”即可获赠前端相关学习资料今日鸡汤老至居人下,春归在客先。大家好,我是前端进阶者,今天给大家来做个小项目,一起来看看吧~一、前言我们经常在网页上 ,游戏界面加...
前端进阶学习交流
0
别再手动拼接 SQL 了,MyBatis 动态 SQL 写法应有尽有,建议收藏!
关注我们,设为星标,每天7:40不见不散,架构路上与您共享回复架构师获取资源大家好,我是你们的朋友架构君,一个会写代码吟诗的架构师。一、MyBatis动态 sql 是什么动态 SQL 是 MyBatis 的强大特性之一。在 JDBC 或其...
Java架构师社区
0