Vue路由传参的query和params，哪种方式更适用我的需求？
- 内容介绍
- 文章标签
- 相关推荐
本文共计520个文字，预计阅读时间需要3分钟。
Vue 路由传参的两种方式：query 和 params
1. 使用 query - router-link 不带参数：`` - router-link 带参数：`` // name 和 path 都可行，建议使用 name // 注意：router-link 中链接如果是 '/' 开头，则表示从根路由开始
2. 使用 params - 需要配置路由时指定 `params`：`{ path: '/home/:id', component: Home }` - 在路由跳转时传递参数：``
Vue路由传参的两种方式query和params
一、router-link
1. 不带参数 <router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}"> //name,path都行, 建议用name // 注意：router-link中链接如果是'/'开始就是从根路由开始，如果开始不带'/'，则从当前路由开始。
本文共计520个文字，预计阅读时间需要3分钟。
Vue 路由传参的两种方式：query 和 params
1. 使用 query - router-link 不带参数：`` - router-link 带参数：`` // name 和 path 都可行，建议使用 name // 注意：router-link 中链接如果是 '/' 开头，则表示从根路由开始
2. 使用 params - 需要配置路由时指定 `params`：`{ path: '/home/:id', component: Home }` - 在路由跳转时传递参数：``
Vue路由传参的两种方式query和params
一、router-link
1. 不带参数 <router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}"> //name,path都行, 建议用name // 注意：router-link中链接如果是'/'开始就是从根路由开始，如果开始不带'/'，则从当前路由开始。