组件

• 组件所在目录位置 /compontents/tabBar/tabBar

• 组件wxml

  <view  bindtap="_h1" id="1">
   自定义组件
  </view>

• 组件js

  ...
  methods: {
     _h1:function(evt){
           let id = evt.currentTarget.id
             //触发一个自定义事件把数据传出去
             var parmas = {tabid: id}   // detail对象，提供给事件监听函数
             var myEventOption = {} // 触发事件的选项
             this.triggerEvent('selectChange', parmas, myEventOption)
     }
  }
  ...

  页面使用组件

  注册组件到页面

• 注册定义组件json

  {
  "usingComponents": {
    "tabBar": "/compontents/tabBar/tabBar"
  }
  }

• 主页面调用组件wxml

  <tabBar bind:selectChange="_hselectChange"/>

• 主页面js

  ...
    _hselectChange:function(evt){
        console.log(evt.detail.tabid)
    },
  ...