vue-router是vue體系中用來進行頁面切換的工具，相當于a標簽。那么，如何利用它來傳參呢？
vue-router傳參有兩種方式
下面在vue-router官網(wǎng)的描述

image.png

• 1、第一種方式是用params

如： this.$router.push({ name: 'user',params: {id: '10'} })
這種方式的最終結果為：/user
目標頁面可以用this.$route.params.id來獲取id的值 10

• 2、第二種方式是用query

如：this.$router.push({ name: 'user', query: {id: '10'} })
這種方式的最終結果為：/user?id=10
目標頁面可以用this.$route.query.id來獲取id的值 10

兩種情況按實際情況使用，第一種情況在刷新頁面的時候傳的值就沒了。
第二種由于在url后面卸帶，所以刷新后還可以獲取到