vuejsに クエリパラメータを取得する vuejs vuejs

vuejsに クエリパラメータを取得する
・id=1234 を取得する場合
・以下2か所対応

.1 /src/router.js
const routes = [
{
props: route => ({
id: route.query.id
})
}
]

・2 ./components/List1.vue
export default {
computed: {
getParameter() {
return {
id: this.$route.query.id
};
}
},

・templateの表示したい箇所で以下で取得可能
パラメータからidを取得
{{ getParameter.id }}

<script>内部では以下で取得
this.$route.query.keyword
this.$getParameter