1.安装vue-router

npm i vue-router -s

2.书写路由文件routers.js，放在src根目录下

import home from "./components/home.vue"
import zhyu from "./components/Zhyu.vue"
export default[
    {
        path:"/", component:home
    },
    {
        path:"/zhyu", component:zhyu
    },
    
]

3.在vue项目的main.js中进行配置

import VueRouter from 'vue-router'
import Routes from "./routers.js"
vue.use(VueRouter)
const router = new VueRouter({
      routes:Routes,
      mode:'history'
})
new Vue({
  router:router,
  render: h => h(App),
}).$mount('#app')

4.在App.vue中添加router-view

image.png