本节主要说一下关于路由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)删除

相关文章:

  • 2022-02-04
  • 2021-07-18
  • 2021-10-31
  • 2021-04-21
  • 2022-01-05
  • 2022-12-23
  • 2021-04-29
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-02-16
  • 2021-09-18
  • 2022-12-23
  • 2022-12-23
  • 2022-01-22
相关资源
相似解决方案