Κοινή χρήση τεχνολογίας

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

1. Χρήση ασύγχρονων στοιχείων Όταν χρησιμοποιείτε τον δρομολογητή vue για τη διαμόρφωση της δρομολόγησης, μπορείτε να χρησιμοποιήσετε ασύγχρονα στοιχεία για να εφαρμόσετε φόρτωση διαδρομών κατ' απαίτηση. Τα ασύγχρονα εξαρτήματα θα φορτώνονται μόνο όταν γίνεται πρόσβαση στη διαδρομή, επιτυγχάνοντας έτσι φόρτωση κατ' απαίτηση. Θα πρέπει να σημειωθεί ότι η χρήση ασύγχρονων στοιχείων απαιτεί τη χρήση της σύνταξης δυναμικής εισαγωγής του webpack. Για παράδειγμα:

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

1. Χρήση της εργοστασιακής συνάρτησης ασύγχρονων εξαρτημάτων του Vue Το Vue παρέχει μια εργοστασιακή λειτουργία ασύγχρονης εξαρτημάτων για την υλοποίηση φόρτωσης διαδρομών κατ' απαίτηση.Όταν χρησιμοποιείτε το VueRouter για να διαμορφώσετε τη δρομολόγηση, μπορείτε να χρησιμοποιήσετεcomponent: () => import('./views/Home.vue') για τον ορισμό ασύγχρονων στοιχείων. Με αυτόν τον τρόπο, όταν γίνεται πρόσβαση στη διαδρομή, το αντίστοιχο στοιχείο θα φορτώνεται δυναμικά.

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

1. Χρήση της συνάρτησης εισαγωγής στοιχείων που εισάγονται δυναμικά Χρησιμοποιώντας τη συνάρτηση εισαγωγής δυναμικά εισαγόμενων στοιχείων στο ES6, μπορείτε να εφαρμόσετε κατ' απαίτηση φόρτωση διαδρομών στο vue-router.Κατά τη διαμόρφωση της δρομολόγησης, μπορείτε να χρησιμοποιήσετεcomponent: () => import('./views/Home.vue')για τον ορισμό ασύγχρονων στοιχείων.

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

Οι παραπάνω τρεις μέθοδοι μπορούν να πραγματοποιήσουν φόρτωση διαδρομών κατ' απαίτηση Ποια μέθοδος να επιλέξετε εξαρτάται από τις προσωπικές προτιμήσεις και τις ανάγκες του έργου.