image
image
1.实例化router , export default router
2.App.vue 中将router实例挂载进来
3.在App.vue中用路径名router-link>链接 再用router-view占位
4.在路由配置文件中配置routes:{path:"",component:},先导入component
image
5.需要重定向的话就在routes中加入{path:"路径",redict:"跳转页面"}
image

6.哪个页面要子路由就在对应的Vue页面下加占位符,然后在对应路由的配置文件下加入子路由规则children:【{path:"",component:""}】(子路由path为空则为默认子路由)
子路由重定向(子路由中的path不需要加/!!!)
image