- 写vue时候，通常会进行路由懒加载，如下：
{
path: '/settlementCenter/offCompensationSettlement',
name: 'XXX',
component: () =>
import('@/view/settlementCenter/settlement/offCompensationSettlement.vue'),
meta: {
}
},
- 写vue代码页面时，可以使用按需加载组件
大多数情况下，vue页面可能是如下的写法：访问该页面/组件时，就立刻加载business.vue文章来源：https://www.toymoban.com/news/detail-717289.html
import Business from '@/view/home/business.vue'
export default {
components: {
Business
}
}
也可以使用这种按需加载方式来优化性能：Business激活时才会进行加载文章来源地址https://www.toymoban.com/news/detail-717289.html
export default {
components: {
'Business': () => import('@/view/home/business.vue')
}
}
到了这里，关于vue按需加载组件的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
![Vite4+Pinia2+vue-router4+ElmentPlus搭建Vue3项目(组件、图标等按需引入)[保姆级]](https://imgs.yssmx.com/Uploads/2024/01/418790-1.jpeg)
