iview 实现路由跳转的方法
1、 项目目录结构
2、 使用 vue-cli 创建的初始项目模板不包含 vue-router，需手动通过 npm 命令安装该路由组件才能使用。
3、 在 src 目录中与 main.js 同级的位置，新建一个名为 routers.js 的文件。
4、 在 router.js 中导入所需组件，并构建 routers 对象。
5、 注意，export default routers 必须置于文件末尾，并在其后保留一个空行，否则将无法通过 ESlint 的语法检查。
6、 main.js 文件同样需要进行修改调整。
7、 嵌套路由代码实现
8、 在此示例中，App.vue 仅用作组件容器，以增强项目的层次结构。
9、 `` 用于显示与当前路径匹配的组件，每当路由路径发生变化时，其内部渲染的内容会随之自动更新，实现视图的动态切换。
10、 已设置两条路由规则，当访问 http://localhost:8080 或 http://localhost:8080/home 时，系统会自动加载 home.vue 组件，并将其内容显示在 对应的位置，实现页面的动态渲染与切换，无需刷新页面即可完成视图更新。
11、 home.vue 作为核心父组件，负责承载其他子组件。first.vue、login.vue 等页面内容将通过路由系统，动态渲染至 home.vue 内的 插槽中，实现页面的切换与展示。
12、 此时需在一级路由中嵌套二级路由，调整 routers.js 文件结构以实现多级页面布局。
13、 通过实现路由链接的代码映射功能
14、 在 home.vue 页面中导入了包含导航菜单的 header.vue 组件。
15、 点击导航菜单时，home.vue 内的 会随之更新显示对应页面内容。
16、 当仅需页面跳转而无需验证时，可通过 实现页面导航功能，简洁高效地完成路由切换。
17、 每位用户 ID 唯一时，均需通过 home 组件渲染，可在 routers.js 中配置动态路由参数以实现。
