Vue组件之间如何传参

组件之间的关系有 父子组件 兄弟组件 ,组件之间的传参也就涉及到 父组件向子组件传参 ,子组件向父组件传参 ,兄弟组件之间传参

首先介绍 父组件向子组件传参,父组件将要传递的参数放在属性中,子组件用props接收,下面用代码进行说明。

 

效果如图

 

 

2 子组件向父组件传参,用到了$emit,下面用代码说明

 

 

 效果如图

 

 3 子组件与子组件之间传参 ,没有方法可以之间兄弟组件之间传参,可以先 子组件传递给父组件 在用父组件传递给子组件,不过一般情况下我们会使用vuex来解决组件之间传参的问题

posted @ 2020-11-27 10:50  小菜鸟TY  阅读(1777)  评论(0)    收藏  举报