Vue router的安装和搭建

打开终端进入目标文件
下载 npm install vue-router --save


然后在src文件下面新建一个router在里面添加一个index.html
写入代码

//配置路由相关信息
import VueRouter from 'vue.router'
import Vue from 'vue'
//通过vue.use(插件)来安装插件
Vue.ues(VueRouter)
//创建路由对象
const router=[

]
const router =new VueRouter({
//配置路由与组件之间的关系
router
})
//将router对象传入到veu实例
export default router

然后咋mian.js里面引用router

import { createApp } from 'vue'
import App from './App.vue'
//引入路由文件
import router from'./router/index.js'

createApp(App).mount('#app')
new Vue({
el:'app',
//配置路由
router:router,
render:h=>h(App)
})