Nuxt.js #004 – ページをパス区切りで動的に追加

ページをパス区切りで動的に追加するメモ。

pagesディレクトリに、アンダースコアのプレフィックスを付けた.vueファイルを追加

_sample.vue

<template>

    <h1>{{sample_id}}</h1>

</template>


<style>

    h1 {
        color: #1253A4;
    }

</style>


<script>

    export default {
        data() {
            return {
                sample_id: this.$route.params.sample
            }
        }
    }

</script>

• 参考文献
  Nuxt.js