小程序自定义组件之父子组件之间的通信

父子组件之间通信的 3 种方式

① 属性绑定（父传子）
⚫ 用于父组件向子组件的指定属性设置数据，仅能设置 JSON 兼容的数据

② 事件绑定（子传父）
⚫ 用于子组件向父组件传递数据，可以传递任意数据

③ 获取组件实例
⚫ 父组件还可以通过 this.selectComponent() 获取子组件实例对象
⚫ 这样就可以直接访问子组件的任意数据和方法

1. 属性绑定

属性绑定用于实现父向子传值，而且只能传递普通类型的数据，无法将方法传递给子组件。父组件的示例代码如下：

//父组件的data节点
data:{
   
	count:0
}

//父组件的wxml结构
<my-test5 count="{
   {count}}"></my-test5>
<view>~~~~~~</view>
<view>父组件中count值是{
   {
   count}}</view>

子组件在 properties 节点中声明对应的属性并使用。示例代码如下：

//子组件的properties节点
properties