在路由中注册
Router/index.js
import Vue from 'vue'
import Router from 'vue-router'
import home from '@/components/home'
import Calendar from '@/components/Calendar'
Vue.use(Router)
export default new Router({
routes: [
{
path: '/',
name: 'home',
component: home
},
{
path: '/Calendar',
name: 'Calendar',
component: Calendar
}
]
})
在中引用
<template>
<div class="catalog_div">
<router-link to="/">
<img class="catalog" src="../assets/home.png"><br>
</router-link>
<router-link to="/Calendar">
<img class="catalog" src="../assets/diary.png"><br>
</router-link>
<img class="catalog" src="../assets/photo.png"><br>
</div>
</template>
<script>
</script>
<style>
</style>