Java Web学习笔记29——Vue路由

作者 : admin 本文共322个字，预计阅读时间需要1分钟发布时间： 2024-06-10 共2人阅读

Vue路由：

前端路由：点击菜单栏，地址栏会发生变化，会显示对应的组件。

URL中的Hash（#号后面的部分）与组件之间的对应关系。

Hash是/dept，那么就是部门管理组件；

Hash是/emp, 那么就是员工管理组件；

Vue Router：

介绍：Vue Router是Vue的官方路由；

组成：

1）VueRouter：路由器类，根据路由请求在路由器视图中动态渲染选中的组件；

2）: 请求链接组件，浏览器解析成;

3）: 动态视图组件，用来渲染展示与路由路径对应的组件；

Java Web学习笔记29——Vue路由插图

安装：（创建Vue项目时已选择）：

npm install vue-router@3.5.1

说明：创建项目的时候，已经勾选了路由功能。

定义路由表：hash与路由表的对应关系。

Java Web学习笔记29——Vue路由插图(1)

Java Web学习笔记29——Vue路由插图(2)

Java Web学习笔记29——Vue路由插图(3)

Java Web学习笔记29——Vue路由插图(4)

最终实现的效果：

Java Web学习笔记29——Vue路由插图(5)

分享到：

E-->