Vue的router的push传递参数有没有不把参数展示在url中的传递方式？

Question

Vue的router的push传递参数有没有不把参数展示在url中的传递方式？

http://localhost:8081/？id=1&bandwidth=10&user&name=%E6%9C%8D%E5%8A%A1%E5%99%A81&desc=%E6%9C%8D%E5%8A%A1%E5%99%A81&cpu=1%E6%A0%B8&ram=2G&disk=ssd-500G&price=0.00&server_status=%E5%B0%B1%E7%BB%AA&ctime=2018-01-12T11%3A09%3A57.755966%2B08%3A00&uptime=2018-02-27T19%3A01%3A03.134037%2B08%3A00&switches=%5Bobject%20Object%5D&physical_server_model=%5Bobject%20Object%5D&switchesport=%5Bobject%20Object%5D&cabinet=%5Bobject%20Object%5D&task=%5Bobject%20Object%5D&trade_record

我查看官方文档：

params:

const userId = 123
router.push({ name: 'user', params: { userId }}) // -> /user/123
router.push({ path: `/user/${userId}` }) // -> /user/123

query:

// 带查询参数，变成 /register?plan=private
router.push({ path: 'register', query: { plan: 'private' }})   

可见这两种跳转路由的方式传递数据都会将传递的数据展示在url中，请问有没有不展示在url中的router转换方式呢？

Answer 1

const userId = 123
router.push({ name: 'user', params: { userId }})
// 路由设置 path 为：'/user/:userId'
// 跳转路径：'/user/123'

// 路由设置 path 为：'/user'
// 跳转路径：'/user'
// this.$route.params.userId 获取userId