Vue 3 组件内路由调用示例 - 使用 createRouter 和 createWebHistory
// 导入所需的模块 import { createRouter, createWebHistory } from 'vue-router'; import Home from './Home.vue'; import About from './About.vue';
// 创建路由实例 const router = createRouter({ history: createWebHistory(), routes: [ { path: '/', component: Home }, { path: '/about', component: About }, ], });
// 在组件内使用路由
export default {
name: 'App',
router,
};
在上面的示例中，我们首先导入了createRouter和createWebHistory函数，它们用于创建路由实例和路由历史记录。然后，我们创建了一个包含两个路由的路由实例，其中一个路由指向Home组件，另一个路由指向About组件。
最后，我们将路由实例添加到组件的router选项中，以便在组件内使用路由。
原文地址: https://www.cveoy.top/t/topic/pvNv 著作权归作者所有。请勿转载和采集!