Router-Instanz

Eigenschaften

router.app

  • Typ: Vue instance

    Die grundlegende Vue-Instanz, in die router injiziert wurde.

router.mode

  • Typ: string

    Der Modus, den der Router nutzt.

router.currentRoute

  • Typ: Route

    Die akuelle Route wiedergespiegelt als Route-Objekt.

Methoden

  • router.beforeEach(guard)
  • router.afterEach(hook)

    Füge globalen Navigationsschutz hinzu. Siehe Navigations-Guards.

  • router.push(location)
  • router.replace(location)
  • router.go(n)
  • router.back()
  • router.forward()

    Navigiere programmatisch zu einer neuen URL. Siehe Programmatische Navigation.

  • router.getMatchedComponents(location?)

    Gibt einen Array von Komponenten (Definition/Konstruktor, nicht Instanz) zurück, die für den gegebenen Ort oder die aktuelle Route gematched wurden. Wird meist bei serverseitigem Rendern genutzt, um ein Vor-Laden von Daten zu ermöglichen.

  • router.resolve(location, current?, append?)

    Umgekehrte URL-Erkennung. Wenn man einZiel in gleicher Form wie in <router-link> übergibt, gibt die Funktion ein Objekt mit den folgenden Eigenschaften zurück:

{
  location: Location;
  route: Route;
  href: string;
}
  • router.addRoutes(routes)

    2.2.0+

    Füge dynamisch weitere Routes zum Router hinzu. Das Argument must be an Array mit dem gleichen Format wie die routes Konstruktor-Option sein.

  • router.onReady(callback)

    2.2.0+

    Diese Methode queued eine Callback-Funktion, welche aufgerufen wird sobald der router die initiale Navigation beendet hat - das heißt, dass alle asynchronen Komponenten und enter-hooks, die zu der aktuellen Route gehören geladen und ausgeführt wurden.

    Damit kann man im serverseitigen Rendern sicherstellen, dass auf dem Server und im Client der gleiche Output gerendert wird.

results matching ""

    No results matching ""