首页 >web前端 >Vue.js > 正文

vue中路由之间如何通讯?方法介绍

转载2020-11-04 17:39:3101052
下面Vue.js教程栏目给大家介绍一下vue中向路由组件传递props的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

父子间的组件通讯是通过props和$emit来实现的,那么路由之间的通讯呢,往下看:

我现在再webpack里面有一个这样的结构,

我现在想test1里面的按钮点击跳转到test2里面,获得到test1传递过来的id和age,

路由我们可以这么写:

{
      path: "/test2/:id/:age",
      component:test2,
      // props:{id:"fang",age:18}
      props:true
    }

  test1.vue:

test2.vue:

效果:

本人写的比较简单一些,具体可以看一下官方的文档说明,不会的一起交流一下

相关推荐:

2020年前端vue面试题大汇总(附答案)

vue教程推荐:2020最新的5个vue.js视频教程精选

更多编程相关知识,请访问:编程入门!!

以上就是vue中路由之间如何通讯?方法介绍的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文转载于:博客园,如有侵犯,请联系admin@php.cn删除

  • 相关标签:vue 路由
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息

    青灯夜游

    今天学习一小步,明天提升一大步

    最近文章
    php怎么判断有几位小数460
    php中转换首字母大写的函数是什么381
    Javascript怎么检查对象是否为空899
    推荐视频教程
  • Vuex参考手册Vuex参考手册
  • 麦子学院Vue.js视频教程麦子学院Vue.js视频教程
  • Vue.js基础教程(官方手册)Vue.js基础教程(官方手册)
  • 2天速成VueJS免费公益直播课2天速成VueJS免费公益直播课
  • 视频教程分类