소개

Vue3에서 vue-router를 넣으면,

npm install vue-router

import { createApp } from 'vue';
import { createRouter, createWebHistory } from 'vue-router';

import App from './App.vue';
import TeamsList from './components/teams/TeamsList.vue';
import UsersList from './components/users/UsersList.vue';


const router = createRouter({
    history: createWebHistory(),
    routes: [
        { path: '/teams', component: TeamsList },
        { path: '/users', component: UsersList },
    ]
})

const app = createApp(App)

app.use(router);

app.mount('#app');

 WARNING  Compiled with 2 warnings                                                          23:00:16

 warning  in ./src/main.js

"export 'createRouter' was not found in 'vue-router'

 warning  in ./src/main.js

"export 'createWebHistory' was not found in 'vue-router'


  App running at:
  - Local:   http://localhost:8080/ 
  - Network: http://192.168.11.20:8080/

Vue3에서는 vue-router도 새롭게하지 않으면 안됩니다.

npm install vue-router@next