vue-router でのページ遷移時に任意のパラメーターを渡す方法

こんにちは！

vue.js の vue-router でページ遷移する場合に、
ページの遷移先にパラメーターを渡す方法を紹介します！

source page

遷移元ページでは以下のように、params として任意の値を渡します。

        this.$router.push({
          name: "page2",
          params: { meaningful_param: meaningful_value },
        });

:id みたいな url に埋め込むときと渡し方は同じです。

destination page

遷移先ページでは以下のように、受け取れます！

      alert(this.$route.params.meaningful_param);

以上です！