기업협업 - 3 vue.js router

vue.js router 적용하기

src 폴더에 "routes"폴더를 생성한 후 "index.js" 파일 생성

import Vue from "vue";
import VueRouter from "vue-router";
import Login from "../views/Signin&Signup/Signin.vue";

Vue.use(VueRouter);

export const router = new VueRouter({
  mode: "history",
  routes: [
    {
      path: "/",
      name: "Login",
      component: Login,
    },
 ],
});

index.js 파일에 router를 가져와 전역에서 사용할수 있게 등록한다.

App.vue 파일에 <router-view></router-view>을 추가 하면 설정해 놓은 url에 따라 화면이 보여지게 된다.