事件/自定义组件

<!-- 事件-->
<button bind:tap="click" data-name="{{b}}" data-age="sb">按钮</button>   #bind:事件名="事件函数名"
<view class="outer" bind:tap="click1" data-name="1">
外面
<view class="inner" bindtap="click2" data-name="2">    
里面
</view>
</view>

 click1: function () {

    console.log("外面的")
  },
   click2: function () {
 
    console.log("中间的")
  }

{
  "component": true,
}

Component({
  /**
   * 组件的属性列表
   */
  properties: {
    name: {
      type: String,
      value: "你好"
    }
  },

  /**
   * 组件的初始数据
   */
  data: {
    title:"ssss"
  },

  /**
   * 组件的方法列表
   */
  methods: {
    click:function(e){
      this.triggerEvent("icre", { "index": 323 }, {})  #注意一定要写这个，icre相当于触发事件，可以通过icre知道使用自定义组件，后面的index是传的值
    }
  }
})

<button bind:tap="click"  data-ss="123">按钮</button>

methods: {
    click:function(e){
      console.log(e)
      this.triggerEvent("icre", { "index": 323 }, {})  #这里的icre相当于是给使用标记的页面做个标记，后面跟的是参数index
    }

  }

<view></view>
{{num}}
<tes name="是的" bind:icre="click"></tes>  #通过icre和自定义组件绑定

click:function(e){    #click事件函数，自定义组件的按钮点击一次数字就加1
    console.log(e)    
      this.setData({
        num:this.data.num+1
      })
  }