Vue路由router之间传值

在Vue框架中，要实现显示不同的页面，首先要配置路由， vue-router路由的原理是通过改变网址，来实现页面的局部刷新，相比a标签跳转的不同之处在于，路由跳转不需要刷新整个页面。
这里主要讲述的是在Vue路由如何传递参数，相关路由配置这里不配置了，而在Vue框架中最常用的两种传值方法：query方式和params方式。

1. 通过query方式传递参数：
   query方式是通过path：/blogDetail(路由路径)来配置的，然后在query中配置键值对的形式来传参，使用这种方式，传递参数会拼接在路由后面，出现在地址栏。
   
   在被跳转到页面中用this,$route.query.id来接收传递过来的值：
   
2. 通过params方式传递参数：
   params方式是通过name：blogDetail(路由名称)来配置的，然后在params中配置键值对的形式来传参，使用这种方式，传递参数不会拼接在路由后面，所以不会出现在地址栏。
   同样，在被跳转到页面中用this,$route.params.id来接收传递过来的值：