Was ist der Unterschied zwischen $router und $route in Vue?

Router und Route in Vue sind zwei Routing-bezogene Attribute mit unterschiedlichen Funktionen und Bedeutungen: 1. $router ist eine Instanz von Vue Router, die Navigations- und Routing-Verwaltungsmethoden und -Attribute bereitstellt. 2. $route ist die aktuelle Information Das Objekt des aktiven Routings enthält Informationen zum aktuellen Routing.

In Vue sind Router und Route zwei Attribute im Zusammenhang mit dem Routing, und ihre Funktionen und Bedeutungen sind unterschiedlich.

$\text{Passed by <br>}$router ist eine Instanz von VueRouter, die einige Methoden und Eigenschaften zum Navigieren und Verwalten von Routen bereitstellt. Über router können wir Vorgänge wie das Springen zu anderen Routen, dynamische Routing-Parameter usw. ausführen.

Zum Beispiel können Sie die Methode $router.push() verwenden, um Routensprünge durchzuführen:

// 在Vue组件中
methods: {
  goToAboutPage() {
    this.$router.push('/about');
  }
}

route ist das Informationsobjekt der aktuell aktiven Route, das einige relevante Informationen der aktuellen Route enthält, wie z. B. Pfad, Parameter , Abfrageparameter usw. Über Route können wir aktuelle Routing-Informationen abrufen oder Routing-Änderungen überwachen.

Zum Beispiel können Sie $route.params verwenden, um die Parameter des dynamischen Routings abzurufen:

// 在Vue组件中
mounted() {
  console.log(this.$route.params.id);
}

Zusammenfassend:

• $router ist eine Instanz von Vue Router und stellt Methoden und Eigenschaften für die Navigation und Routenverwaltung bereit.
• $route ist das Informationsobjekt der aktuell aktiven Route, das relevante Informationen zur aktuellen Route enthält.

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen $router und $route in Vue?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!