vue路由的query参数

query参数的作用为在组件之间传递参数
1、使用方法

<!-- 跳转并携带query参数，to的字符串写法 -->
<router-link :to="/home/message/detail?id=666&title=你好">跳转</router-link>

<!-- 跳转并携带query参数，to的对象写法 -->
<router-link
	:to="{
		path: '/home/message/detail',
		query: {
			id: 666,
			title: '你好'
		}
	}"
>跳转</router-link>

2、接收参数

$route.query.id
$route.query.title