index.js

routes/index.jsは任意のパスとファイル名です
main.jsは実際のコアファイルです
作成した構成部品をプライマリ構成部品に関連付ける必要があります
main.js
App.vueを始点とするノイズ
//App.vue起動ファイル

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

入力//routions設定ファイルの場所

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 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')