【Vue3】命名路由

背景

随着年龄的增长，很多曾经烂熟于心的技术原理已被岁月摩擦得愈发模糊起来，技术出身的人总是很难放下一些执念，遂将这些知识整理成文，以纪念曾经努力学习奋斗的日子。本文内容并非完全原创，大多是参考其他文章资料整理所得，感谢每位技术人的开源精神。

简介

本文介绍 Vue3 中命名路由的基本写法。

因为路由可被嵌套，所以路径 path 可能较长，导致在使用时非常不便，为解决此问题，Vue3 提供了命名路由功能，可以使用路由名称 name 代替路径 path。

开发环境

开发步骤及源码

1> 在 【Vue3】嵌套路由 基础上修改 src/router/index.ts，为 /system 下的二级路由命名。

import { createRouter, createWebHistory } from 'vue-router'
import Dashboard from '@/pages/Dashboard.vue'
import Lo