Teknologian jakaminen

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

1. Asynkronisten komponenttien käyttäminen Kun käytät vue-routeria reitityksen määrittämiseen, voit käyttää asynkronisia komponentteja toteuttamaan reittien lataaminen pyynnöstä. Asynkroniset komponentit ladataan vain, kun reittiä käytetään, jolloin saavutetaan on-demand -lataus. On huomattava, että asynkronisten komponenttien käyttö edellyttää webpackin dynaamisen tuontisyntaksin käyttöä. Esimerkiksi:

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

1. Käyttämällä Vuen asynkronisten komponenttien tehdastoimintoa Vue tarjoaa asynkronisen komponenttien tehdastoiminnon, joka toteuttaa reittien tarpeenmukaisen lataamisen.Kun käytät VueRouteria reitityksen määrittämiseen, voit käyttääcomponent: () => import('./views/Home.vue') asynkronisten komponenttien määrittämiseen. Tällä tavalla, kun reittiä haetaan, vastaava komponentti ladataan dynaamisesti.

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

1. Dynaamisesti lisättyjen komponenttien tuontitoiminnon käyttäminen Käyttämällä ES6:n dynaamisesti lisättyjen komponenttien tuontitoimintoa voit toteuttaa vue-routerin reittien lataamisen pyynnöstä.Kun määrität reititystä, voit käyttääcomponent: () => import('./views/Home.vue')asynkronisten komponenttien määrittämiseen.

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

Yllä mainituilla kolmella menetelmällä voidaan ladata reittejä tarpeen mukaan. Valittava menetelmä riippuu henkilökohtaisista mieltymyksistä ja projektin tarpeista.