This repository has been archived on 2021-09-06. You can view files and clone it, but cannot push or open issues or pull requests.
vuejs_course/2021-03-27_routing-01-start.../src/main.js

31 lines
809 B
JavaScript

import { createApp } from 'vue';
import { createRouter, createWebHistory } from 'vue-router';
import App from './App.vue';
import TeamsList from './components/teams/TeamsList';
import TeamMembers from './components/teams/TeamMembers';
import UsersList from './components/users/UsersList';
const app = createApp(App);
const router = createRouter({
history: createWebHistory(),
routes: [
{ path: '/', component: TeamsList },
{ path: '/teams', component: TeamsList },
{ path: '/users', component: UsersList },
{ path: '/teams/:teamId', component: TeamMembers, props: true }
]
});
app.use(router);
app.mount('#app');
if (module.hot) {
module.hot.accept(); // already had this init code
module.hot.addStatusHandler(status => {
if (status === 'prepare') console.clear();
});
}