组件通信
向组件传递数据 - properties
很多情况下,组件内展示的内容(数据、样式、标签),并不是在组件内写死的,而且可以由使用者来决定。大部分情况下,组件只负责布局和样式,内容是由使用组件的对象决定的。所以,我们经常需要从外部传递数据给我们的组件,让我们的组件来进行展示。我们使用properties属性进行传递。
支持的类型有String、Number、Boolean、Object、Array、null(不限制类型),还可以通过value设置默认值。
向组件传递样式 - externalClasses
有时候,我们不希望将样式在组件内固定不变,而是外部可以决定样式。这个时候,我们可以使用externalClasses属性:在Component对象中,定义externalClasses属性。在组件内的wxml中使用externalClasses属性中的class。在页面中传入对应的class,并且给这个class设置样式。
组件向外传递事件 – 自定义事件
有时候是自定义组件内部发生了事件,需要告知使用者,这个时候可以使用自定义事件。
页面直接调用组件方法
可在父组件里调用 this.selectComponent ,获取子组件的实例对象。调用时需要传入一个匹配选择器 selector,如:this.selectComponent(".my-component")。