Maison > interface Web > Voir.js > le corps du texte

Quelle est la différence entre $router et $route dans vue

尊渡假赌尊渡假赌尊渡假赌
Libérer: 2024-01-27 14:17:19
original
733 Les gens l'ont consulté

Le routeur et la route dans Vue sont deux attributs liés au routage, avec des fonctions et des significations différentes : 1. $router est une instance de Vue Router, qui fournit des méthodes et des attributs de navigation et de gestion du routage 2. $route est l'information actuelle ; L'objet du routage actif contient des informations relatives au routage actuel.

Quelle est la différence entre $router et $route dans vue

Dans Vue, le routeur et la route sont deux attributs liés au routage, et leurs fonctions et significations sont différentes.

Passé par
router est une instance de VueRouter, qui fournit des méthodes et des propriétés pour naviguer et gérer le routage. Grâce au routeur, nous pouvons effectuer des opérations telles que passer à d'autres itinéraires, paramètres de routage dynamique, etc.

Par exemple, vous pouvez utiliser la méthode $router.push() pour effectuer un saut d'itinéraire :

// 在Vue组件中
methods: {
  goToAboutPage() {
    this.$router.push('/about');
  }
}
Copier après la connexion

route est l'objet d'information de l'itinéraire actif actuel, qui contient des informations pertinentes sur l'itinéraire actuel, telles que le chemin, les paramètres , paramètres de requête, etc. Grâce à l'itinéraire, nous pouvons obtenir des informations d'itinéraire actuelles ou surveiller les modifications d'itinéraire.

Par exemple, vous pouvez utiliser $route.params pour obtenir les paramètres du routage dynamique :

// 在Vue组件中
mounted() {
  console.log(this.$route.params.id);
}
Copier après la connexion

Pour résumer :

  • $router est une instance de Vue Router, qui fournit des méthodes et des propriétés pour la navigation et la gestion des itinéraires.
  • $route est l'objet d'information de l'itinéraire actif actuel, qui contient des informations pertinentes sur l'itinéraire actuel.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal