vue router 範例 - daniel-qa/Vue GitHub Wiki
// 引入 Vue 和 Vue Router
const { createApp } = Vue;
const { createRouter, createWebHistory } = VueRouter;
// 定义一些组件
const Home = { template: '<h2>Home</h2>' };
const About = { template: '<h2>About</h2>' };
// 定义路由规则
const routes = [
{ path: '/', component: Home },
{ path: '/about', component: About }
];
// 创建路由实例
const router = createRouter({
history: createWebHistory(),
routes
});
// 创建 Vue 应用
const app = createApp({});
// 使用路由实例
app.use(router);
// 挂载应用
app.mount('#app');