Vue中如何区分使用query和params进行路由传参？

本文共计523个文字，预计阅读时间需要3分钟。

Vue路由传参的两种方式：query 和 params

一、不带有参数的router-link- router-link :to={name: 'home'}- router-link :to={path: '/home'}

// name 和 path 都行，建议使用 name// 注意：router-link 中链接如果是 '/' 开头，则表示从根路由开始

二、带有参数的router-link- router-link :to={name: 'detail', params: {id: 123}}

// 使用 params 时，参数不会显示在 URL 中，安全性更高

Vue路由传参的两种方式query和params

一、router-link

1. 不带参数 <router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}"> //name,path都行, 建议用name // 注意：router-link中链接如果是'/'开始就是从根路由开始，如果开始不带'/'，则从当前路由开始。