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


本文摘自PHP中文网,作者青灯夜游,侵删。

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

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

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

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

路由我们可以这么写:

1

2

3

4

5

6

{

      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中路由之间如何通讯?方法介绍的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

vue.js支持ie9吗

vue中如何分离css

vue和react中dom的区别

详解vue中watch如何使用?watch用法介绍

浅谈vue.js中$refs的使用方法(附代码)

.vue文件可以写注释吗

如何理解vue中的全局组件和局部组件

单独引入vue.js文件怎么写组件

vue脚手架搭建流程

eclipse支持vue

更多相关阅读请进入《vue》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...