xwenliang / test-vue-router-animation

import { createApp } from 'vue'
import { createRouter, createWebHashHistory } from 'vue-router'
import App from './App.vue'
import HelloWorld from './components/HelloWorld.vue'
import HelloWorld1 from './components/HelloWorld1.vue'
import HelloWorld2 from './components/HelloWorld2.vue'
import HelloWorld3 from './components/HelloWorld3.vue'

const routes = [
    { path: '/', component: HelloWorld,},
    { path: '/page1', component: HelloWorld1,},
    { path: '/page2', component: HelloWorld2,},
    { path: '/page3', component: HelloWorld3,},
]
const router = createRouter({
    // 4. 内部提供了 history 模式的实现。为了简单起见，我们在这里使用 hash 模式。
    history: createWebHashHistory(),
    routes, // `routes: routes` 的缩写
});
const app = createApp(App);
app.use(router);
app.mount('#app');