Le routage du projet Vue est-il en mode hachage par défaut ?

Le routage du projet Vue est par défaut en mode hachage ; ce mode a un signe "#" dans l'URL. Vous pouvez utiliser le point d'ancrage "#" pour accéder à l'emplacement correspondant aux différents identifiants sur la même page et utiliser la valeur de hachage. de l'URL comme route , simule une URL complète ; les modifications de hachage déclencheront l'événement hashChange et seront enregistrées par le navigateur. Vous pouvez utiliser les boutons avant et arrière du navigateur.

L'environnement d'exploitation de ce tutoriel : système Windows 10, version Vue3, ordinateur Dell G3.

Le projet vue est-il en mode hachage par défaut ?

Le projet vue est en mode hachage par défaut

mode hachage

1. vue-router est en mode hachage par défaut

2. un signe "#" dans l'url

3, la valeur de hachage (la valeur après "#") ne sera pas incluse dans la requête http, et la modification de la valeur de hachage n'entraînera pas le rechargement de la page.

4. Le changement de hachage déclenchera l'événement hashChange et sera enregistré par le navigateur. Vous pouvez utiliser les boutons avant et arrière du navigateur.

5. Hash est compatible avec IE8 et supérieur

6. Un objet hashHistory sera créé lors de l'accès à différentes routes, deux choses se produiront :

• HashHistory.push() ajoute une nouvelle route au navigateur. de la pile d'historique visitée

• HasHistory.replace() est remplacée par la pile actuelle

Pour le mode hachage et le mode historique, la différence la plus directe est de savoir si la barre d'adresse comporte un signe "#".

Le routage des projets construits avec vue scaffolding est par défaut en mode hachage.

hash mode :

Lors de la création d'une instance de routage, ajoutez l'attribut mode: "history" pour utiliser le mode historique.

const router = new VueRouter({
  routes,
  mode: "history"})

mode historique :

【Recommandation associée : "tutoriel vue.js"】

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!