query可以用path或者name来引入
params只可以用name来引入(或者完整的path ’/user/${userId}‘)
通过path来引入会导致params不可用
query传参的参数会在url中显示 类似get
params传参的参数不会在url中 类似post
- 使用router-link参数的值会显示的url中
- 使用router.push()不会
通过router-link传递params
-
必须在router定义中定义 :参数
{ path: '/home/space:id', name: 'Space', component: Space },
-
在rouer-link中定义
<router-link :to="{name: 'Space', params: {id: 1}}"> </router-link>
获取到params参数
-
data: function () { return { params: '', } }, getRouterParams () { this.params = this.$router.currentRoute._value.params },