前端框架Vue学习 ——(七)Vue路由(Vue Router)

文章目录


Vue路由使用场景

使用场景:如下图,点击部门管理的时候显示部门管理的组件,员工管理的时候显示员工管理的组件。

前端路由:指的是 URL 中的 hash(#号)与组件之间的对应关系。

Vue Router 介绍

介绍:Vue Router 是 Vue 的官方路由

组成:

  • VueRouter:路由器类,根据路由请求在路由视图中动态渲染选中的组件
  • <router-link>:请求链接组件,浏览器会解析成 <a>
  • <router-view>:动态视图组件,用来渲染展示与路由路径对应的组件


Vue Router 使用

注意: 路由信息在 src/router/index.js 中配置

安装 Vue Router

要实现的效果

  1. router/index.js 中配置路由信息
  1. 在相应的 views/tlias/DeptView.vue和EmpView.vue 中加路由链接组件
  1. App.vue 中加入路由展示组件
相关推荐
2301_790994998 分钟前
仿神秘海域/美末环境交互的程序化动画学习
学习·microsoft·交互
能不能别报错16 分钟前
K8s学习笔记(十六) 探针(Probe)
笔记·学习·kubernetes
初圣魔门首席弟子21 分钟前
C++ STL 向量(vector)学习笔记:从基础到实战
c++·笔记·学习
qiangshang9901261 小时前
WPF+MVVM入门学习
学习·wpf
iconball1 小时前
个人用云计算学习笔记 --20 (Nginx 服务器)
linux·运维·笔记·学习·云计算
生物小卡拉1 小时前
R脚本--表达矩阵与特征矩阵相关性分析
笔记·学习·机器学习
liliangcsdn1 小时前
从LLM角度学习和了解MoE架构
人工智能·学习·transformer
能不能别报错2 小时前
K8s学习笔记(十四) DaemonSet
笔记·学习·kubernetes
报错小能手2 小时前
linux学习笔记(19)进程间通讯——消息队列
linux·笔记·学习
进击的圆儿2 小时前
【学习笔记05】C++11新特性学习总结(下)
c++·笔记·学习