小程序9

1.Component构造器

Component({

  behaviors: [],

  properties: {  //组件的对外属性

    myProperty: { // 属性名

      type: String, // 类型（必填），目前接受的类型包括：String, Number, Boolean, Object, Array, null（表示任意类型）

      value: '', // 属性初始值（可选），如果未指定则会根据类型选择一个

      observer(newVal, oldVal, changedPath) {

        // 属性被改变时执行的函数（可选），也可以写成在methods段中定义的方法名字符串, 如：'_propertyChange'

        // 通常 newVal 就是新设置的数据， oldVal 是旧数据

      }

    },

    myProperty2: String // 简化的定义方式

  },

  data: {}, // 私有数据，可用于模板渲染

  lifetimes: {

    // 生命周期函数，可以为函数，或一个在methods段中定义的方法名

    attached() { },

    moved() { },

    detached() { },

  },

  // 生命周期函数，可以为函数，或一个在methods段中定义的方法名

  attached() { }, // 此处attached的声明会被lifetimes字段中的声明覆盖

  ready() { },

  pageLifetimes: {

    // 组件所在页面的生命周期函数

    show() { },

    hide() { },

    resize() { },

  },

  methods: {

    onMyButtonTap() {

      this.setData({

        // 更新属性和数据的方法与更新页面数据的方法类似

      })

    },

    // 内部方法建议以下划线开头

    _myPrivateMethod() {

      // 这里将 data.A[0].B 设为 'myPrivateData'

      this.setData({

        'A[0].B': 'myPrivateData'

      })

    },

    _propertyChange(newVal, oldVal) {

    }

  }

})

 

2.自定义组件中事件的监听，进行自定义事件监听，本质还是利用原有的监听方法。

监听事件

事件系统是组件间通信的主要方式之一。自定义组件可以触发任意的事件，引用组件的页面可以监听这些事件。关于事件的基本概念和用法，参见 事件 。

监听自定义组件事件的方法与监听基础组件事件的方法完全一致：

代码示例：

<!-- 当自定义组件触发“myevent”事件时，调用“onMyEvent”方法 -->

<component-tag-name bindmyevent="onMyEvent" />

<!-- 或者可以写成 -->

<component-tag-name bind:myevent="onMyEvent" />

Page({

  onMyEvent(e) {

    e.detail // 自定义组件触发事件时提供的detail对象

  }

})

例子：

组件：

绑定tap的时候最终调用myevent方法

 

在使用中：

最终响应的方法：