vue学习---vue-router路由的query参数(用于传递参数)

4.路由的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