Compartilhamento de tecnologia

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

1. Usando componentes assíncronos Ao usar o vue-router para configurar o roteamento, você pode usar componentes assíncronos para implementar o carregamento de rotas sob demanda. Os componentes assíncronos serão carregados somente quando a rota for acessada, conseguindo assim o carregamento sob demanda. Deve-se observar que o uso de componentes assíncronos requer o uso da sintaxe de importação dinâmica do webpack. Por exemplo:

const Home = () => import(/* webpackChunkName: "home" */ './views/Home.vue')
 
const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home
  }
]

1. Usando a função de fábrica de componentes assíncronos do Vue, o Vue fornece uma função de fábrica de componentes assíncrona para implementar o carregamento de rotas sob demanda.Ao usar o VueRouter para configurar o roteamento, você pode usarcomponent: () => import('./views/Home.vue') para definir componentes assíncronos. Desta forma, ao acessar a rota, o componente correspondente será carregado dinamicamente.

const routes = [
  {
    path: '/',
    name: 'Home',
    component: () => import('./views/Home.vue')
  }
]

1. Usando a função de importação de componentes introduzidos dinamicamente Usando a função de importação de componentes introduzidos dinamicamente no ES6, você pode implementar o carregamento sob demanda de rotas no vue-router.Ao configurar o roteamento, você pode usarcomponent: () => import('./views/Home.vue')para definir componentes assíncronos.

const routes = [
  {
    path: '/',
    name: 'Home',
    component: () => import('./views/Home.vue')
  }
]

Os três métodos acima podem realizar o carregamento de rotas sob demanda. O método a ser escolhido depende das preferências pessoais e das necessidades do projeto.