router的创建以及实现页面的跳转

本节主要说一下关于路由router方面,我学到的知识点以及用法

router配置

在前面的项目环境搭建过程进行之后,会在产生的项目根目录下的src文件中找到如图的router文件router的创建以及实现页面的跳转
1、导入Vue和router
router的创建以及实现页面的跳转
2.将router关联给Vue
router的创建以及实现页面的跳转
3、新建一个router 的实例对象
router的创建以及实现页面的跳转
4、设置匹配路径(参考如图)
router的创建以及实现页面的跳转

router注册

在项目的入口js中main.js中注册这个路由router

1、在main.js中引入router
router的创建以及实现页面的跳转
2、在项目根组件实例(即main.js中创建的Vue对象)中注册
router的创建以及实现页面的跳转
3、在项目的根组件App.vue中的template中配置router-view标签
router的创建以及实现页面的跳转

页面跳转应用

两种方式

1、通过router-link标签
router的创建以及实现页面的跳转
2、通过编程式导航

router的创建以及实现页面的跳转

学习博客,参照大神。如有侵权,请联系作(qq:1612024338)删除