프론트엔드/Vue.js, CSS

[Vue.js] 뷰 router 설치, 사용법

데브힐러 2022. 1. 4. 22:05
반응형
  • router 설치
$ npm install vue-router@4
  • router.js파일
import { createWebHistory, createRouter } from "vue-router";

const routes = [
  {
    path: "/경로",
    component: import해온 컴포넌트,
  }
];

const router = createRouter({
  history: createWebHistory(),
  routes,
});

export default router; 
  • main.js에 등록
import router from './router'
createApp(App).use(router).mount('#app') 
반응형

'프론트엔드 > Vue.js, CSS' 카테고리의 다른 글

vuex 설치, 사용법  (2) 2022.01.03
(*vue.js) chart.js에 datalabels 플러그인입히기  (3) 2020.02.07