Cadre VUE : résumé détaillé complet du routage dynamique de vue2 à vue3 (6)

Bonjour à tous, je suis le blogueur de csdn : lqj_ moi-même

Ceci est la page d'accueil de mon blog personnel :

 vision de l'intelligence artificielle lqj_I_Python (opencv) de l'entrée au combat réel, frontal, applet WeChat - Blog RPSC

La dernière colonne de conception de graduation uniapp est également placée ci-dessous :

https://blog.csdn.net/lbcyllqj/category_12346639.html?spm=1001.2014.3001.5482

Habituellement, j'expliquerai également certaines choses que vous utilisez habituellement dans la vidéo Bilibili,

Bienvenue sur Bilibili :

Espace personnel de Lu Miaoer-Page d'accueil personnelle de Lu Miaoer-哔哩哔哩Vidéo

routage dynamique

ajouter un itinéraire

L'ajout de routes est très utile lorsque nous effectuons des autorisations d'utilisateurs. router.addRoute()Un itinéraire peut être ajouté en utilisant :

router.addRoute({ path: '/about', name: 'about', component: About })

Remarque : Contrairement à la version précédente, les itinéraires ne peuvent être ajoutés qu'un par un, pas par lots.

supprimer l'itinéraire

Les itinéraires peuvent être supprimés des manières suivantes :

1. router.removeRoute()Supprimez une route par son nom en utilisant :

router.addRoute({ path: '/about', name: 'about', component: About })
// 删除路由
router.removeRoute('about')

2. Remplacez la route précédente en ajoutant une route du même nom :

router.addRoute({ path: '/about', name: 'about', component: About })
// 这将会删除之前已经添加的路由，因为他们具有相同的名字且名字必须是唯一的
router.addRoute({ path: '/other', name: 'about', component: Other })

3. En appelant router.addRoute()la fonction callback renvoyée par :

const removeRoute = router.addRoute(routeRecord)
removeRoute() // 删除路由如果存在的话

Cette méthode est utile lorsque la route n'a pas de nom.

Ajouter des itinéraires imbriqués

Pour ajouter une route imbriquée à une route existante, passez la route namecomme premier argument à router.addRoute(), ce qui a childrenle même effet que l'ajout de via :

router.addRoute({ name: 'admin', path: '/admin', component: Admin })
// 添加嵌套路由
router.addRoute('admin', { path: 'settings', component: AdminSettings })

Cela équivaut à :

router.addRoute({
  name: 'admin',
  path: '/admin',
  component: Admin,
  children: [{ path: 'settings', component: AdminSettings }]
})