この内容は古いバージョンです。最新バージョンを表示するには、戻るボタンを押してください。
バージョン:4
ページ更新者:T
更新日時:2019-07-27 22:37:25

タイトル: aリンクの貼り方
SEOタイトル: 【Vue.js】aリンクの貼り方 <router-link>

Vue.jsにおいてaタグのリンクを貼る方法を説明します。

 

HTML

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

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

 

Javascript

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') },
    ]
})

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