index.js

import Vue from 'vue'
import Router from 'vue-router'
import RouterTest from '@/components/RouterTest'
import MainPage from '@/views/MainPage'
import Login from '@/views/LogIn'
import MyPage from '@/views/MyPage'
import AttractionList from '../views/AttractionList'
import MakePlan from '@/views/MakePlan'
import SharePlan from '@/views/SharePlan'
import SignUp from '@/views/SignUp'
import ConfirmPlan from '@/views//ConfirmPlan'

Vue.use(Router)

export default new Router({
  mode: 'history',
  routes: [
    {
      path: '/',
      name: 'MainPage',
      component: MainPage
    },
    {
      path: '/routertest',
      component: RouterTest,
      props: true
    },
    {
      path: '/login',
      name: 'LogIn',
      component: Login
    },
    {
      path: '/mypage',
      name: 'MyPage',
      component: MyPage
    },
    {
      path: '/attractionlist',
      name: 'AttractionList',
      component: AttractionList
    },
    {
      path: '/makeplan',
      name: 'MakePlan',
      component: MakePlan
    },
    {
      path: '/shareplan',
      name: 'SharePlan',
      component: SharePlan
    },
    {
      path: '/signup',
      name: 'SignUp',
      component: SignUp
    },
    {
      path: '/confirmplan',
      name: 'ConfirmPlan',
      component: ConfirmPlan
    }
  ]
})