So implementieren Sie das verzögerte Laden von Routen im Vue-Router

In diesem Artikel werden hauptsächlich relevante Informationen zum verzögerten Laden und zur Berechtigungssteuerung des Vue-Router-Routings vorgestellt.

Lazy Loading und Berechtigungssteuerung des Vue-Router-Routings. Ich habe heute gerade eine kleine Demo erstellt, die auf der Überprüfung des Knotentokens basiert

Das Folgende ist eine Einführung in das verzögerte Laden von Routen

1. Warum sollten wir das verzögerte Laden von Routen verwenden?

Beim Schreiben einer Single -Seitenanwendung mit vue.js, Das gepackte JavaScript-Paket wird sehr groß sein, was sich auf das Laden der Seite auswirkt. Wir können das verzögerte Laden von Routen verwenden, um dieses Problem zu optimieren effizienter

2. Steuerungsberechtigungen für Routing-Hooks

import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
export default new Router({
 routes: [
  {
   path: '/',
meta: {
requiresAuth: true
},
   component: resolve => require(['components/Hello.vue'], resolve)
  },
  {
    path: '/about',
    component: resolve => require(['components/About.vue'], resolve)
  }
 ]
})

Das Obige habe ich für alle zusammengestellt wird in Zukunft für alle hilfreich sein.

Verwandte Artikel:

So verwenden Sie js, um einen Fokusdiagrammeffekt zu erzielen

So verwenden Sie JQUERY, um mehrere AJAX-Anfragen zu implementieren

Zählen Sie die Anzahl der Vorkommen wiederholter Elemente in JavaScript

Der Prozess der Kapselung und Übermittlung von Daten im Formular

Das obige ist der detaillierte Inhalt vonSo implementieren Sie das verzögerte Laden von Routen im Vue-Router. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!