vue3安装路由简单教程：四步完成

1.安装路由：npm install vue-router --save

2.修改App.vue

<template>
  <img src="./assets/logo.png">
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

3.在src下新建router文件，并在文件下新建index.js文件，内容如下：

import { createRouter,createWebHistory } from "vue-router";
import HelloWorld from '../components/HelloWorld.vue';

const router = createRouter({
    history:createWebHistory(),
    routes:[
        {
            path:'/',
            component:HelloWorld,
        }
    ]
})
export default router;

4.在main.js中添加路由

import { createApp } from 'vue'
import App from './App.vue'
import router from "@/router";

createApp(App).use(router).mount('#app')

执行run npm serve，结果如下：

来源博客