Component 构造器

收藏

我的收藏

Component({
  behaviors: [],

  properties: {
    myProperty: {
      // 类型（必填），目前可使用的类型包括：String, Number, Boolean, Object, Array，Function, null（表示 any 类型）
      type: String,

      // 属性的默认值 (可选), 如果没有特别指定，会根据类型指定一个默认值
      value: "",

      // 当属性改变时执行的函数（可选），方法名称也可以是字符串，如：'_myPropertyChange'
      observer(newVal, oldVal) {
        // newVal 是属性更新后的新值，oldVal 是更新前的旧值
      },
    },
    // 简易写法
    myPropertyB: String,
  },

  // 自定义组件内部数据，可用于视图渲染
  data: {},

  // 生命周期方法
  attached() {
    this.selectComponent(".class-name", (res) => {
      console.log(res);
    });
  },

  ready() {},

  lifetimes: {
    //  lifetimes 中定义的生命周期方法优先级更高
    attached() {},
    // ....
  },

  // 组件的自定义方法
  methods: {
    onMyButtonTap() {
      this.setData({});
    },

    _myPrivateMethod() {
      // 将 data.A[0].B 更新为 'test'
      this.setData({
        "A[0].B": "test",
      });
    },

    _myPropertyChange(newVal, oldVal) {},
  },
});

Component({
  properties: {
    paramA: Number,
    paramB: String,
  },

  methods: {
    onLoad() {
      // Page parameter paramA value
      console.log(this.data.paramA);
      // Page parameter paramB value
      console.log(this.data.paramB);
    },
  },
});

// page-common-behavior.js
module.exports = Behavior({
  attached() {
    // 页面创建时执行
    console.info("Page attached!");
  },
  detached() {
    // 页面销毁时执行
    console.info("Page detached!");
  },
});

// 页面 A
const pageCommonBehavior = require("./page-common-behavior");
Component({
  behaviors: [pageCommonBehavior],
  data: {
    /* ... */
  },
  methods: {
    /* ... */
  },
});

// 页面 B
const pageCommonBehavior = require("./page-common-behavior");
Component({
  behaviors: [pageCommonBehavior],
  data: {
    /* ... */
  },
  methods: {
    /* ... */
  },
});