小程序中父子组件通信的方法

引入组件

• 全局组件

  在app.json文件中配置usingComponents,多个组件用逗号隔开，最后一个不加逗号

• 单页面使用的组件

  在页面的.json文件中配置usingComponents

  "usingComponents": {
       
  	"myConponent": "./xxx/xxx"
  }
  

  配置好后即可在页面中使用组件

  <myConponent></myConponent>
  

  注：组件名可以是小驼峰写法，也可以是短横线分隔符写法，json文件中引入自定义组件时，驼峰命名无法自动转换成 - 形式。所以组件名在定义、注册、引用时必须统一，<myConponent></myConponent>与<my-conponent></my-conponent>对应的是不同组件。

一、父组件向子组件传递数据：WXML 数据绑定

在子组件 properties 中可以注册一些自定义组件属性，父组件调用子组件时可以向 properties 中的自定义属性传值。

Component({
   
    properties: {
   
        personObj: {
   
            type: Object,//定义传入属性值的类型
            value: {
   },//定义默认属性值
        }
    },
    data: {
   
        number:1
    },
})

假如父组件中有数据：

data