【Vue.js】aリンクの貼り方と動的URLの作成 <router-link>

<router-link to="/"> Top </router-link>

<router-link to="/channels"> Channels </router-link>

<router-link to="`/channel/${ id }`"> Channel </router-link>

import Vue from 'vue'
import VueRouter from 'vue-router'

require('./bootstrap');

Vue.use(VueRouter)

const router = new VueRouter({
    mode: 'history',
    routes: [
        { path: '/', component: require('./components/Top.vue') },
        { path: '/channels', component: require('./components/Channels.vue') },
        { path: '/channel/:id', component: require('./components/Channel.vue') },
    ]
})

const app = new Vue({
    el: '#app',
    router,
})