Vue-router传参方式

Vue-router传参方式及区别

字符串拼接
传递

		:to="'/user/' + item.id"
		this.$route.params.userId

params

		:to="{name:'user',params:{userId:item.id}}
		this.$route.params.userId

query

		:to="{path:'/user',query:{userId:item.id}}
		this.$route.query.userId

query VS params 显示上
query

http://www.wyf.com?id=0707

params

http://www.wyf.com/0707

用法上
query 传递的时候

	{path:'/user',query:{userId:item.id}}

接收传递过来的数据通过：

	this.$route.query

路由表中的path:

'/user/:userId?'中的/:userId?可以省略

params 传递的时候

	{name:'user',params:{userId:item.id}}

接收传递过来的数据通过：

	this.$route.params

路由表中的path:

'/user/:userId?'中的/:userId?不可以省略