微信小程序自定义组件

{
  "component": true
}

<!-- 这是自定义组件的内部WXML结构 -->
<view class="inner">
  {{innerText}}
    <slot></slot>
</view>

/* 这里的样式只应用于这个自定义组件 */
.inner {
  color: red;
}

Component({
  properties: {
    // 这里定义了innerText属性，属性值可以在组件使用时指定
    innerText: {
      type: String,
      value: 'default value',
    }
  },
  data: {
    // 这里是一些组件内部数据
    someData: {}
  },
  methods: {
    // 这里是一个自定义方法,方法必须写在methods内
    customMethod: function(){}
  }
})

	// 引用声明
  "usingComponents": {
  	// 要使用的组件的名称     // 组件的路径
    "component-tag-name": "path/to/the/custom/component"
  }
}

<component-tag-name></component-tag-name>

<component-tag-name></component-tag-name>

<view>{{变量名}}</view>

 #在组件中
   properties: {
    变量名:{
      type:String,
      value:"变量值"
    }
  }
//而不是把变量名放在data中

 页面
 <component-tag-name bind:icre="icre"></component-tag-name>

页面中js
  icre:function(e){
    console.log(e)
    this.setData({
        num:this.data.num+1
    })
  },

<button bindtap='clickpush'>加我</button>

clickpush:function(e){
      console.log(e)
      this.triggerEvent("icre",{"index":13},{})
    }