美文网首页
50-Vue路由参数传递

50-Vue路由参数传递

作者: 梦想成为小仙女 | 来源:发表于2019-03-04 13:54 被阅读25次

    回顾上一篇文章,路由就是通过哈希控制组件切换,那么这一章就要讲通过哈希给组件传递参数,全局路由对象,通过哈希地址传递,通过配置路由传递

    一.全局路由对象

    只要在vm中注册了路由,就可以从vm中获取$route对象


    image.png
    image.png

    二.哈希地址传参

    • 给哈希跳转地址配置传递参数(不会影响路由配置文件判断路由)
    • 在组件的生命周期方法中获取参数


      image.png
      image.png
      image.png

    三.配置路由传参(给组件)

    • 配置路由(写key占位符/:key)
    • 传递参数(/value)


      image.png
      image.png
      image.png

    相关文章

      网友评论

          本文标题:50-Vue路由参数传递

          本文链接:https://www.haomeiwen.com/subject/cftiuqtx.html