前言
路由传参是一种常见的方式来在不同页面之间传递数据。根据参数是否显现在 URL 中,可以将其分为明文传参和密文传参。
铭文传参
- 可见性: 参数直接出现在 URL 中。
- 安全性: 较低,因为任何人都可以看到 URL 内容。
- 持久性: 刷新页面后参数仍然保留。
- 共享方便: 可以很容易地复制和分享带有参数的 URL。
查询参数
- 形式: /path?key1=value1&key2=value2
- 优点:
- 简单易懂。
- 方便调试和查看。
- 缺点:
- 对于长参数或复杂结构不太友好。
- 涉及敏感信息时不够安全。
<!-- 使用 router-link -->
<router-link :to="{ path: '/home', query: { id: '123', name: 'John Doe' }}">Go to Home</router-link>
<!-- 编程式导航 -->
this.$router.push({ path: '/home', query: { id: '123', name: 'John Doe' } });
<