vue3.0中使用router

安装路由

npm install vue-router@4

或者在搭建环境是直接选yes会自带一个router文件夹，就不用创建了

 入口文件main.js引入router

import router from './router'
app.use(store)

创建router文件夹，创index.js文件配置路由

import { createRouter, createWebHashHistory } from 'vue-router'
import Tow2 from '../components/tow2.vue'
import Tow1 from '../components/tow1.vue'


const router = createRouter({
    history: createWebHashHistory(),
    routes: [
        {
            path: '/',
            component: Tow1
        }, {
            path: '/tow2',
            component: Tow2
        }
    ]

})
export default router

在跟组件app.vue放渲染组件的标签

 <router-view></router-view>