Le saut d'itinéraire Vue ne se charge pas

Dans les applications Vue monopage, il est très courant d'utiliser le routage pour les sauts de page. Mais parfois, nous rencontrons une telle situation : lors du passage à la page, le contenu de la page n'est pas chargé et seule une page vierge est affichée. Cette situation est généralement causée par des problèmes de configuration de routage ou de référence des composants Vue.

1. Problèmes de configuration de routage

Lorsque le routage saute, nous devons enregistrer la route correspondante dans le fichier de configuration de routage de Vue et spécifier le composant correspondant à la route. Si le routage n'est pas configuré correctement, le contenu de la page de renvoi risque de ne pas être chargé.

Tout d'abord, assurez-vous que Vue et Vue Router sont correctement introduits dans le fichier de configuration du routage :

import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)

Ensuite, configurez le routage :

export default new Router({
  routes: [
    {
      path: '/',
      name: 'Home',
      component: Home
    },
    {
      path: '/about',
      name: 'About',
      component: About
    }
  ]
})

Deux routes sont définies ici dans le tableau routes, correspondant au chemin racine et /about chemin respectivement.

Si la page ne peut pas être chargée, vous pouvez généralement vérifier les problèmes suivants :

(1) Si le chemin du fichier de configuration de routage est correct

(2) Si le routage dans le fichier de configuration de routage est incorrect, comme une erreur de chemin ou erreur de référence de composant

(3 ) Si le fichier de composant est introduit correctement

2. Problème de référence de composant Vue

Dans Vue, les composants sont utilisés pour créer la vue d'une application d'une seule page. Si le fichier du composant n'est pas introduit correctement ou si le code du composant est incorrect, la page risque de ne pas se charger correctement.

Les problèmes courants de référence de composants sont les suivants :

(1) Erreur de chemin de composant

Dans les composants Vue, les références de composants sont effectuées via des instructions d'importation. Si le chemin du composant est erroné, le composant ne se chargera pas correctement.

(2) Nom de composant incorrect

Dans le composant Vue, le nom du composant est enregistré via la méthode Vue.component(). Si le nom du composant est erroné, le composant ne se chargera pas correctement.

(3) Erreurs de code de composant

Une mauvaise écriture du code de composant entraînera également un échec de chargement correct de la page. Par exemple, si la balise de modèle du composant n'est pas fermée correctement, la page apparaîtra vide.

Vous devez prêter attention aux points ci-dessus lors du développement d'applications monopage à l'aide de Vue. En vérifiant la configuration du routage et les références des composants, nous pouvons résoudre avec succès le problème du non-chargement de la page.

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!