Vue组件之间如何传参


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

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

 

效果如图

 

 

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

 

 

 效果如图

 

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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM