vue3中的router基础配置

最新推荐文章于 2024-07-16 17:24:37 发布

kingarst

最新推荐文章于 2024-07-16 17:24:37 发布

阅读量494

点赞数

分类专栏： # vue 文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_44152684/article/details/125529203

版权

vue 专栏收录该内容

20 篇文章 1 订阅

订阅专栏

vue3路由默认配置文件内容(index.js)

import {createRouter, createWebHistory} from 'vue-router'
 

const routes = [
    {
        name: 'sam',
        path: '/sam',
        component: () => import('@/view/sam')
    },
    {
        name: 'app',
        path: '/app',
        component: () => import('@/view/app')
    },
    
];


const router = createRouter({
    history: createWebHistory(),     //路由模式
    routes
})

export default router      //导出

在main.js中引入

import { createApp } from 'vue'
import App from './App.vue'
import router from './router/index'
 
//注意use要在mount之前
createApp(App).use(router).mount('#app')