Vue 中的路由懒加载是一种提高应用性能的技术,它可以在用户访问路由时才加载对应的组件,而不是在应用启动时就加载所有的组件。Vue 提供了多种实现路由懒加载的方法,以下是其中的两种:
- 使用 vue 的异步组件技术:
```html
import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
export default new Router({
mode: 'history',
base: process.env.BASE_URL,
routes: [
{
path: '/',
name: 'home',
component: resolve => require('@/views/home'), resolve
}
]
})
- 使用 ES6 的 import()加载:
```html
import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
export default new Router({
mode: 'history',
base: process.env.BASE_URL,
routes: [
{
path: '/',
name: 'home',
component: () => import('@/views/home')
}
]
})
你可以根据自己的需求和项目的架构选择适合的方法来实现路由懒加载。