路由传参

简单讲解： 路由跳转事上参数也是传参的一种，而且传参方式还不止一种呢，下面细说。

1、query传参

// 传递方
const query = { id: 9527, name: '测试' }
router.push({ path: '/user', query })

// 接收方
import { useRoute} from 'vue-router'
const route = useRoute()
console.log(route.query)

2、params传参

注意：4.1.4 (2022-08-22) 删除了param这种方式

// 发送方
router.push({
   name: 'test', 
   params: {
       name: '测试'
   }
})
 
// 接收方
import { useRoute} from 'vue-router'
const route = useRoute()
console.log(route.params) // { name: '测试' }

3、state传参

// 发送方
const state= { name: '测试' }
router.push({ path: '/user', state })
 
// 接收方直接使用
console.log(history?.state?.name)