vue3 配置路由

使用 vue3 配置路由，步骤如下

1、安装路由

npm install vue-router@4

笔者这里的演示项目名称是vue3-project

2、新建页面

这里创建 view目录，然后在view目录下创建 A.vue B.vue 两个 vue页面文件

A.vue内容

<template>
    <div>A</div>
</template>

B.vue内容

<template>
    <div>B</div>
</template>

3、创建路由配置文件

新建 router目录，然后在 router目录下新建 index.js和routes.js文件

index.js 文件内容如下

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

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

export