vue 프로젝트 시작! --routes폴더

뷰엑스 등록

뷰엑스를 등록하기 위해서는 뷰 라우터와 마찬가지로 뷰 스토어를 하나 생성해야 합니다.

routes > popup.js

import Vue from 'vue';
import VueRouter from 'vue-router';
import HomeView from '../page/Home.vue';
import InfoView from '../page/popup/Popup.vue';
//라우터 인스턴스 사용
Vue.use(VueRouter);
//path는 url이름, routes:라우팅할 url과 컴포넌트 값 지정, mode:url해쉬 값 제거 속성
export const router = new VueRouter({
    mode: 'history',
    routes: [
        {
            path: '/',
            redirect: '/home',
        },
        {
            path: '/home',
            name: 'home',
            component: HomeView,
        },
        {
            path: '/notice',
            name: 'notice',
            component: InfoView,
        }
    ]
});