下面来看下使用路由懒加载的写法
看一下打包之后的效果,会看到打包出了多个chunk异步块。
同样可以使用特殊注释语法
在 Vue2 中,异步组件和路由懒加载处理使用 import 就可以很轻松实现。但是在 Vue 3.x 中异步组件的使用与 Vue 2.x 完全不同了。本文就详细讲讲 vue3 中 异步组件 和 路由懒加载 的实现。
所以,下面的异步组件声明:
等价于:
Vue 3.x的异步组件加载函数将不再接收 resolve 和 reject ,而且必须始终返回 Promise 。也就是说,工厂函数接收 resolve 回调的方式定义异步组件在 Vue 3.x 不能使用了。
提示: 如果是用 vite 工具来构建项目,在本地开发使用 import 做 路由懒加载 ,可以正常加载,但是会报警告;打包到 生产环境 会报错,页面不会正常展示,可以使用以下两种方法来实现。
欢迎访问: 个人博客地址
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)