背景
代码分包
webpack 动态引入
通过动态引入,然后.then里面调用结果。后续webpack打包时,就会对其进行分包的操作
分包后
分包前
异步组件
更多的是通过Vue Router 中使用,原理就是异步组件。
正常组件:一般组件会打包在一起
异步组件使用
1、引入
2、创建
参加的参数有两种,见下
3、注册组件
4、打包,分包
异步组件函数参数
方式一:工厂函数(简单)
方式二:对象(更多功能)
还有一个onError函数
异步组件和Suspense
内置组件,不用引入和注册