vue-router传参

vue-router是vue体系中用来进行页面切换的工具，相当于a标签。那么，如何利用它来传参呢？
vue-router传参有两种方式
下面在vue-router官网的描述

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后面卸带，所以刷新后还可以获取到