index.js

routes/index.js는 임의의 경로와 파일명

main.js가 실제 핵심파일

우리가 만든 컴포넌트와 메인을 연결하기위해 필요함

main.js

App.vue 를 시작점으로 잡음

// App.vue가 시작파일

import { createApp } from 'vue'
import App from './App.vue'

// routes 설정파일 위치 가져오기

import routes from './routes/index.js';

// UI Framework

import ElementPlus from 'element-plus';
import 'element-plus/theme-chalk/index.css';

// axios restful 호출

import axios from 'axios';

// 호출 한 module 등을 사용

// createApp(App)
//     .use(routes)
//     .use(routes)
//     .mount('#app')
// 이렇게 계속 많아짐. 그래서 다른방식을 씀

const app = createApp(App);

//이 위치가 설정파일들의 적용
app.use(routes);
app.use(ElementPlus);
app.config.globalProperties.axios = axios;

app.mount('#app');

index.js 를 import해서 사용함

import routes from './routes/index.js';


// createApp(App)
//     .use(routes)
//     .use(routes)
//     .mount('#app')
// 이렇게 계속 많아짐. 그래서 다른방식을 씀

// app를 createApp으로 정의
const app = createApp(App);

//이 위치가 설정파일들의 적용
app.use(routes)

app.mount('#app')