先在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
占位符一定要有 这意思着可以让跳转的内容显示出来