路由懒加载 require异步加载例子

以下是一个使用路由懒加载和require异步加载的例子：

// 在路由中使用懒加载
import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router)

const router = new Router({
  routes: [
    {
      path: '/home',
      name: 'home',
      component: () => import('./views/Home.vue') //使用懒加载
    },
    {
      path: '/about',
      name: 'about',
      component: () => import('./views/About.vue') //使用懒加载
    }
  ]
})

export default router

// 使用require异步加载
function loadComponent (name) {
  return () => require(`./components/${name}.vue`)
}

const router = new VueRouter({
  routes: [
    { path: '/home', component: loadComponent('Home') },
    { path: '/about', component: loadComponent('About') }
  ]
})

以上例子中，我们使用了路由懒加载来异步加载组件，这样可以在需要时再加载，从而提高应用程序的性能。同时，我们还使用了require异步加载来动态加载组件。这是一个非常有用的技术，因为它可以让我们仅在需要时加载组件，从而提高应用程序的响应速度。