微信小程序的父子通信

第一步：创建一个跟pages文件夹同级的components文件夹用来放自定义的组件

第二步：在components文件夹右键新建组件 写组件内容

第三步：引入组件 在需要使用组件 的 page文件 的 json   文件 配置
{
  "usingComponents": {
      "one":"/component/one" //"  引入组件要给组件取名字one"随便取的名字: /路径
  }
}

1.父传子

//data是自定义一个名字 ‘ = ’ 号后面是传递的值 通过data传值必须是当前需要   接受值的子组件的标签 内设置
 <one data="{{}}"></one>  
    在子组件js文件中用properties接收  null代表任意类型
   properties: {
        data:null//注意：data接受值的名字必须跟父组件的对应
    },
    properties: {//也可以这样写
        data:{
          type:String,//数据类型
          val：//默认值
        }
    },

2.子传父
  在子组建的写一个事件
  <button bindtap="btnCks" data-id="{{名字}}">点击</button>
  在子的通过触发事件在js文件method中用this.triggerEvent传
   methods: {
      btnCks(e){//可以打印e来找出bind-id里面传的内容
         this.triggerEvent('btns'{名字:要传的值})//第一个是事件名第二个是传的内容
      }
    }
    
     
在父组件中接收子组件事件   
    <one bindbtns="btns">//这里注意：bind后面跟的是 子组件点击事件  this.triggerEvent 传的事件名

    </one>

    最后在父组件的js中写逻辑
    btns(){
    
    }