Vue路由传参

实现场景：

点击文章进入文章详情。

分析：
在首页，当点击某一文章时，要传入一个关于点击文章的信息值，我使用的是id，将此id传入文章组件并跳转。文章组件接收id，向后台发送请求关于此id文章的数据，获取数据并进行渲染。
实现：
在首页文章列表使用既可以实现跳转路由跳转，又可以使用query传递参数

<router-link :to="{path:'/article',query:{'id':item.id}}"></router-link>

关于文章组件路由

{ path: '/article', component: IndexArticle },   //文章

文章组件接收参数

  data() {
    return {
      id: "",
    };
  },
  created() {
    this.id = this.$route.query.id;
  },

文章组件获取数据，渲染数据

官方文档关于 $router.query