vue3 + vite实现异步组件和路由懒加载
发布网友
发布时间：2022-11-24 19:16
共1个回答
热心网友
时间：2024-04-30 08:43
在 Vue2 中，异步组件和路由懒加载处理使用 import 就可以很轻松实现。但是在 Vue 3.x 中异步组件的使用与 Vue 2.x 完全不同了。本文就详细讲讲 vue3 中 异步组件 和 路由懒加载 的实现。
所以，下面的异步组件声明：
等价于：
Vue 3.x的异步组件加载函数将不再接收 resolve 和 reject ，而且必须始终返回 Promise 。也就是说，工厂函数接收 resolve 回调的方式定义异步组件在 Vue 3.x 不能使用了。
提示：如果是用 vite 工具来构建项目，在本地开发使用 import 做 路由懒加载 ，可以正常加载，但是会报警告；打包到 生产环境 会报错，页面不会正常展示，可以使用以下两种方法来实现。
欢迎访问： 个人博客地址
