vue3.0路由vue-router的安装和配置

先在src路径下 创建router.js文件 然后复制以下内容 （导入的组件和pash地址可以根据自己要放的组件自行修改

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

import index from './components/index.vue' //这个是我自己引入的 根据需求引入不同组件


const router = createRouter({
    history: createWebHashHistory(),
    routes: [
        { pash: '/index', component: index }
    ]
})

export default router

main.js文件：

导入的router.js文件就是上面写的那个

3.在app.vue页面内 写入router-link

占位符一定要有 这意思着可以让跳转的内容显示出来