안녕하세요
개인프로젝트 진행중에 router로 페이지 나누는데 페이지가 보이지않아 문의드립니다.
강의 내용대로 세팅했는데, 안되는부분이 어디인지 도저히 모르겠어서 작성한 코드로 문의드려요
바쁘시겠지만 검토 요청드립니다.
router.js
import { createRouter, createWebHistory } from "vue-router";
import LoginPage from './components/LoginPage.vue';
const routes = [
{
path:'/login',
components: LoginPage
}
];
const router = createRouter({
history: createWebHistory(),
routes,
});
export default router;
/////////////////
main.js
import { createApp } from 'vue'
import { BootstrapIconsPlugin } from 'bootstrap-icons-vue';
import App from './App.vue'
import 'bootstrap'
import 'bootstrap/dist/css/bootstrap.min.css'
import 'bootstrap-icons/font/bootstrap-icons.css'
import router from './router'
const app = createApp(App);
app.use(BootstrapIconsPlugin);
app.use(router);
app.mount('#app');
//////////
App.vue
<div class="player"> 음악 재생 공간</div>
<router-view></router-view>
컴포넌트: LoginPage.vue (props로 받은 데이터 없는 상태)
<template>
<div>로그인페이지</div>
</template>
