Advertisement

综述Vue3中的路由及路由配置设置

阅读量：

路由基础配置解析

  1. 安装扩展程序
复制代码 
    npm install vue-router@next --save

生成一个名为routers.ts的文件

在routers.ts文件中导入相关组件，并对访问路径进行设置。

复制代码 
    import { createRouter,createWebHashHistory } from 'vue-router';
    // 引入组件
    import Home from './components/Home.vue';
    import News from './components/News.vue';
    import User from './components/User.vue';
    
    const router = createRouter({
      history: createWebHashHistory(),
      routes: [
    {path: '/', component: Home},
    {path: '/news', component: News},
    {path: '/user', component: User},

全部评论 (0)

还没有任何评论哟~

相关文章推荐