025自定义组件-数据、方法和属性

properties

在小程序中，properties是组件的对外属性，
用来接收外界传递到组件中的数据，示例代码如下：

data和properties的区别

在小程序的组件中，
properties属性和data数据的用法相同，
他们都是可读可写的，只不过：
data更倾向于存储组件的私有数据
properties更倾向于存储外界传递到数组中的数据

使用setDate修改properties的值

由于data数据和properties属性本质上没有任何区别，
因此properties属性的值也可以用于页面渲染，
或使用setData为properties中的属性重新赋值，
示例代码如下：

<button bindtap="showInfo">showInfo</button>
<view>max属性的值是：{{max}}</view>
<view>count的值是：{{count}}</view>
<button bindtap="addCount">+1</button>

  /**
   * 组件的属性列表
   */
  properties: {
    // 第一种方式：简化的方式
    // max: Number
    // 第二种方式：完整的定义方式
    max: {
      type: Number,
      value: 10
    }
  },

  /**
   * 组件的初始数据
   */
  data: {
    count: 0
  },

  methods: {
    // 点击事件处理函数
    addCount() {
      if (this.data.count >= this.properties.max) return
      this.setData({
        count: this.data.count + 1,
        max:this.properties.max + 1
      })

      this._showCount()
    },