vue3 路由懒加载 几种写法
时间: 2023-11-04 14:06:45 浏览: 188
vue实现路由懒加载的3种方法示例
在Vue3中,有几种常见的写法可以实现路由懒加载:
1. 使用ES6的import函数进行懒加载。这是官方推荐的方式。例如:
```
const Foo = () => import('../components/Foo')
const Aoo = () => import('../components/Aoo')
```
2. 使用require.ensure()进行懒加载。这是webpack提供的方式,可以按需加载资源。例如:
```
const Foo = () => require.ensure([], () => require('../components/Foo'), 'chunkName')
const Aoo = () => require.ensure([], () => require('../components/Aoo'), 'chunkName')
```
以上是常见的两种写法,它们都可以实现路由懒加载,提高页面初始加载效率。
阅读全文