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

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

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

 

HTML

<router-link to="top"> 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: [
        { name: 'top', path: '/', component: require('./components/Top.vue') },
        { name: 'channels', path: '/channels', component: require('./components/Channels.vue') },
    ]
})

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