Vue3学习

配置路由

1.安装路由

npm install vue-router@4
2.新建view目录，在该目录下新建vue页面。

3.新建route目录，然后在该目录下新建 index.js和routes.js文件。

index.js内容如下

import {createRouter, createWebHistory} from 'vue-router'
import routes from './routes'

const router = createRouter({
    history: createWebHistory(), 
    routes
})

export default router

route.js内容如下（name、path，component根据实际情况编写）

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

export default routes

4.在main.js中配置路由
 

import { createApp } from 'vue'
import App from './App.vue'
import router from './router/index'

//注意use要在mount之前
createApp(App).use(router).mount('#app')