Condivisione della tecnologia

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

1. Utilizzo di componenti asincroni Quando si utilizza vue-router per configurare il routing, è possibile utilizzare componenti asincroni per implementare il caricamento su richiesta dei percorsi. I componenti asincroni verranno caricati solo quando si accede al percorso, ottenendo così il caricamento su richiesta. Va notato che l'utilizzo di componenti asincroni richiede l'uso della sintassi di importazione dinamica del webpack. Per esempio:

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

1. Utilizzo della funzione di fabbrica dei componenti asincroni di Vue Vue fornisce una funzione di fabbrica dei componenti asincroni per implementare il caricamento su richiesta dei percorsi.Quando si utilizza VueRouter per configurare il routing, è possibile utilizzarecomponent: () => import('./views/Home.vue') per definire i componenti asincroni. In questo modo, quando si accede al percorso, il componente corrispondente verrà caricato dinamicamente.

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

1. Utilizzo della funzione di importazione di componenti introdotti dinamicamente Utilizzando la funzione di importazione di componenti introdotti dinamicamente in ES6, è possibile implementare il caricamento su richiesta dei percorsi in vue-router.Quando si configura il routing, è possibile utilizzarecomponent: () => import('./views/Home.vue')per definire i componenti asincroni.

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

I tre metodi precedenti possono realizzare il caricamento dei percorsi su richiesta. Il metodo da scegliere dipende dalle preferenze personali e dalle esigenze del progetto.