vue中this.$router.push()传参简单说明

在项目开发过程当中，我发现不少新加入项目组的前端开发，去写this.$router.push()传参时，都存在一个共性问题，代码以下： 

this.$router.push({
    path: 'register',
    name:'register', 
    params: { plan: 'private' }
}) 复制代码

这么写显然是不对的，对于this.$router.push()传参，我在项目通常使用如下两种方式：

一、使用params传参，例：

this.$router.push({ name: 'user', params: { userId: 123 }})复制代码

注意⚠️：patams传参 ，路径不能使用path 只能使用name,借用vue官方文档的一句话，this will not work。

获取参数，例：

this.$route.params.userId复制代码

二、使用query传参，例：

this.$router.push({ path: '/user', query: { userId: 123}})
复制代码

注意⚠️：若是写成：

this.$router.push({ path: '/user', params: { userId: 123 }}) 复制代码

这样依然借用vue官方文档的一句话：this will not work。

获取参数，例：

this.$route.query.userId复制代码