首页 > 编程语言 >Java Web学习笔记29——Vue路由

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

时间:2024-06-09 17:32:56浏览次数:40  
标签:Web Vue Java 组件 Hash 对应 路由 路由表

Vue路由:

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

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

Hash是/dept,那么就是部门管理组件;

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

Vue Router:

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

组成:

1)VueRouter:路由器类,根据路由请求在路由器视图中动态渲染选中的组件;

2)<route-link>: 请求链接组件,浏览器解析成<a>;

3)<route-view>: 动态视图组件,用来渲染展示与路由路径对应的组件;

安装:(创建Vue项目时已选择):

npm install [email protected]

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

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

 

 

最终实现的效果:

 

标签:Web,Vue,Java,组件,Hash,对应,路由,路由表
From: https://blog.csdn.net/chang_chunhua/article/details/139553356

相关文章

  • 大学生HTML期末大作业——HTML+CSS+JavaScript旅游网站(中山)
    HTML+CSS+JS【旅游网站】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计......
  • 大学生HTML期末大作业——HTML+CSS+JavaScript广东传统文化
    HTML+CSS+JS【传统文化】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计......
  • JAVA stringcompiler动态编译
    packagecompiler.mydemo;importjavax.tools.Diagnostic;importjavax.tools.DiagnosticCollector;importjavax.tools.FileObject;importjavax.tools.ForwardingJavaFileManager;importjavax.tools.JavaCompiler;importjavax.tools.JavaFileManager;importjava......
  • 一个完整的java项目通常包含哪些层次(很全面)
    1.View层(视图层)职责:负责数据的展示和用户交互。在Web应用中,View层通常与HTML、CSS和JavaScript等技术相关。技术实现:在SpringMVC中,View层可以使用JSP、Thymeleaf、FreeMarker等模板引擎来实现。同时,现代的前端框架如React、Vue或Angular等也常常与Java后端项目结合使用。2.......
  • springboot+vue在线考试系统附带文章和源代码部署讲解等
    文章目录前言项目运行效果截图技术栈后端springboot框架:后端mybatis框架:前端框架vue:数据库mysql:开发环境代码参考数据库参考源码质量保障源码获取前言......
  • springboot+vue养老院管理系统附带文章和源代码部署讲解等
    文章目录前言项目运行效果截图技术栈后端springboot框架:后端mybatis框架:前端框架vue:数据库mysql:开发环境代码参考数据库参考源码质量保障源码获取前言......
  • springboot+vue医院管理系统附带文章和源代码部署讲解等
    文章目录前言项目运行效果截图技术栈后端springboot框架:后端mybatis框架:前端框架vue:数据库mysql:开发环境代码参考数据库参考源码质量保障源码获取前言......
  • java框架-目录
    springbootspringBootMaven父工程pom文件_maven父工程打包pom-CSDN博客SpringBoot起步依赖-CSDN博客Spring-boot-配置文件-CSDN博客SpringBoot读取配置@ConfigurationProperties@ImportResource_spring获取configurationproperties的配置-CSDN博客SpringBoot注解-注入对象_sp......
  • Java中运算符的详细介绍
    在Java编程中,运算符是执行各种操作的符号。Java提供了丰富的运算符来处理不同类型的操作。本文将详细介绍Java中的各种运算符,包括算术运算符、赋值运算符、比较运算符、逻辑运算符、位运算符、三元运算符和类型运算符,并通过代码示例帮助理解这些运算符的使用方法。一、算术......
  • java小记-scanner
    不想打字也是我的罪过吗?作业2:老师的代码:结果我的代码看起来冗余:想说的:我的本意是以为scanner只能记录一个数,然后就想着输入两次就能算两个数了,但没想到人家只是让你输就完了。不要管那么多。而且和值只是输出打印就可以了,不需要另外存储,只是当它如果要用在某个地方......