param和query的区别

1、param和query的区别

params:使用params传参只能由name引入路由，如果写成path页面会显示undefined报错
不会再url中显示。

params像这样：

// 路由配置
    {
        path:'/list', 
        name:'list',//必须添加  因为params匹配的就是name
        component:List
    }
// 参数传递
      this.$router.push({
          name:'list',
          params:{
            name:'11111',
            age:15
         }
     })

query的配置就比较随意了，query可以使用name或者path，只是name需要路由配合，query的路由配置不需要path中使用参数。
会在url中显示。

query的传参

this.$router.push({
 	path:"/list",
 	query:{
	 keyword:"111"
	}
})
this.$router.push({
 	name:"list",
 	query:{
	 keyword:"111"
	}
})

3、获取传参内容

query:

{{this.$route.query.keyword}}

params:

{{this.$route.params.keyword}}

4、route和router的区别

//route 路由信息对象 只读对象
//router 路由操作对象 只写对象
this.$router.push({
	name:"father"
	params:{
	keyword:'111'
	}
})