小程序自定义组件与uni-app组件间传值异同总结

比眉伴天荒 2021-11-23 03:34 769阅读 0赞

微信小程序与uni-app组件间传值总结（此处是常见传值规律总结，除过特殊的，就像this.selectComponent）

1、父组件向子组件传值  --- 》通过**数据绑定**  
2、子组件向父组件传值  ----》通过**事件**

**一、父组件向子组件传值**  
            相同点:都是通过数据绑定的方式进行  
            不同点:小程序中子组件通过properties进行映射,即接收;  
            uni-app中通过props进行接收;接收不同,后续可进行的操作也不一样;  
            两者都不能更改父组件的值,但前者对从父组件接收到的值可直接进行操作,不需要再赋给一个变量才在子组件中有更改的效果!具体看这里：[uni-app中组件传值][uni-app]   小程序中的代码没贴出，只有uni-app的！后面自己可以验证~

**二、子组件向父组件传值**  
            相同点:都是通过事件进行，整个逻辑流程一样！  
            不同点:小程序中通过triggerEvent发送,uni-app中通过$emit进行发送!

**微信小程序中组件间传值**：请点击：[https://blog.csdn.net/Syleapn/article/details/97262323][https_blog.csdn.net_Syleapn_article_details_97262323]

**微信小程序中组件间方法调用**，请点击：[https://blog.csdn.net/Syleapn/article/details/94591977][https_blog.csdn.net_Syleapn_article_details_94591977]

**uni-app中组件间传值**，请点击：[https://blog.csdn.net/Syleapn/article/details/97276991][uni-app]

**uni-app中组件间方法调用**，请点击：[https://blog.csdn.net/Syleapn/article/details/103558541][https_blog.csdn.net_Syleapn_article_details_103558541]

[uni-app]: https://blog.csdn.net/Syleapn/article/details/97276991
[https_blog.csdn.net_Syleapn_article_details_97262323]: https://blog.csdn.net/Syleapn/article/details/97262323
[https_blog.csdn.net_Syleapn_article_details_94591977]: https://blog.csdn.net/Syleapn/article/details/94591977
[https_blog.csdn.net_Syleapn_article_details_103558541]: https://blog.csdn.net/Syleapn/article/details/103558541