vue3.0 router支持路由跳转及参数传递（router.push）
发布时间
阅读量：
阅读量
vue3.0对2.0版本中的部分接口进行了移除，因此在实现路由跳转并传递参数时，所采用的方式也发生了变化。
此处重点介绍编程式导航的实现方式，即通过router.push(location, onComplete?, onAbort?)这一方法进行操作。
vue3.0新增加了两个接口：useRouter和useRoute
一.路由跳转机制分析
- 首先，在需要实现页面跳转功能的界面中，引入useRouter这一API
import { useRouter } from 'vue-router'
2.在页面跳转过程中设定router变量
const router = useRouter()
3.通过调用router.push方法实现页面跳转
// 字符串
router.push('home')
// 对象
router.push({ path: 'home' })
// 命名的路由
router.push({ name: 'user', params: { userId: '123' }})
// 带查询参数，变成 /reg全部评论 (0)
还没有任何评论哟~