当前位置: 首页 > news >正文

Vue3.0中使用路由进行跳转和传参以及取值

1、在vue2.0中的路由跳转

 

 2、在vue2.0中取出路由的传值

 

 在vue3.0中取消了vue2.0的部分api,新增的两个API,分别是useRouter和useRoute。

 3、vue3.0中路由跳转

 1)第一步先引入import {useRouter} from 'vue-router';

 

 2)第二步 const router = useRouter();

 

 3)第三步 router.push({path:'/home', query:{id:'12' }})

 

4、vue3.0如何取出路由的值 

 1)第一步先引入import {useRoute} from 'vue-router';

 2)第二步 const route = useRoute();

 

 3)第三步route.query.id

 

相关文章:

  • 迷茫了3年:做完这个测试项目,我终于决定辞职
  • 时间相关模块
  • LINU下登录脚本的执行顺序
  • MySQL 文本函数和窗口函数
  • springboot+cloud实战派PDF让开发和微服务架构像喝水一样简单
  • QML自定义的日历控件
  • Hive的 mapreduce 计算例子
  • 代码演示傅里叶合成演示
  • 【实用工具】magic-api接口快速开发框架
  • 在线客服功能介绍-了解常见在线客服系统的功能点
  • 基于安卓/Android/微信小程序的学生作业管理系统
  • 数据库读写分离和分库分表
  • 长江中下游先民最早驯化野生稻 国稻种芯:全球35亿人口主食
  • 数字逻辑设计(4)
  • Netty笔记
  • Android Volley源码解析
  • Angularjs之国际化
  • CSS3 聊天气泡框以及 inherit、currentColor 关键字
  • Docker 笔记(2):Dockerfile
  • Docker入门(二) - Dockerfile
  • JAVA_NIO系列——Channel和Buffer详解
  • linux学习笔记
  • vue中实现单选
  • Zepto.js源码学习之二
  • 翻译--Thinking in React
  • 小李飞刀:SQL题目刷起来!
  • 一起来学SpringBoot | 第十篇:使用Spring Cache集成Redis
  • 译自由幺半群
  • puppet连载22:define用法
  • 新海诚画集[秒速5センチメートル:樱花抄·春]
  • ​Linux·i2c驱动架构​
  • #Linux(权限管理)
  • $(document).ready(function(){}), $().ready(function(){})和$(function(){})三者区别
  • $.ajax()
  • (22)C#传智:复习,多态虚方法抽象类接口,静态类,String与StringBuilder,集合泛型List与Dictionary,文件类,结构与类的区别
  • (PWM呼吸灯)合泰开发板HT66F2390-----点灯大师
  • (转)C#调用WebService 基础
  • (转)德国人的记事本
  • (转)全文检索技术学习(三)——Lucene支持中文分词
  • ****Linux下Mysql的安装和配置
  • .dat文件写入byte类型数组_用Python从Abaqus导出txt、dat数据
  • .Net 代码性能 - (1)
  • .NET 设计模式—简单工厂(Simple Factory Pattern)
  • .NET 线程 Thread 进程 Process、线程池 pool、Invoke、begininvoke、异步回调
  • .Net6使用WebSocket与前端进行通信
  • .netcore如何运行环境安装到Linux服务器
  • /etc/sudoers (root权限管理)
  • @hook扩展分析
  • @SuppressLint(NewApi)和@TargetApi()的区别
  • [ JavaScript ] JSON方法
  • [AIGC 大数据基础]hive浅谈
  • [APIO2012] 派遣 dispatching
  • [Bugku]密码???[writeup]
  • [BZOJ 4129]Haruna’s Breakfast(树上带修改莫队)
  • [C# 网络编程系列]专题六:UDP编程