首页 > 编程开发 > JavaScript    日期:2020-11-04 / 来自互联网 / 浏览

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

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

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

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

路由我们可以这么写:

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

  test1.vue:

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

test2.vue:

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

效果:

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

 

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

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

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

 

觉得上面的内容有用吗?快来点个赞吧!

点赞() 我要打赏

温馨提示 : 本站内容来自会员投稿以及互联网,所有源码及教程均为作者总结编辑,请大家在使用过程中提前做好备份,以免发生无法预知的错误,源码类教程请勿直接用于生产环境!

 可能感兴趣的文章