vue-routerで遷移時にデータを渡す

router
{
  path: '/article',
  component: ArticleShow,
  name: 'ArticleShow',
  props: true
}


遷移元
<script>
export default {
  props: {
    article: {
      type: Object,
      required: true
    }
  },
  methods :{
    showArticleDetail() {
      this.$router.push({
        name: 'ArticleShow',
        params: {article : this.article}
      })
    },
  }
}
</script>


遷移先
<script>
export default {
  props: {
    article: {
      type: Object,
      required: true
    }
  }
}
</script>


参考記事:
[vue.js] routerでpropsに値を渡してURL遷移する - 1分技術ブログ