33. Behavior

2023-09-19 13:45:10发布
23

Behavior类似vue的mixins

例子

在根目录建立一个behaviors文件夹,然后定义一个index.js文件,写入以下代码

module.exports = Behavior({
  data: {
    num: 123,
  },
  methods: {
    add() {
      this.data.num++;
      this.setData({
        'num': this.data.num
      })
    }
  }
})

使用

index.wxml

<view>
  {{ num }}
</view>

index.js

const myBehaviors = require('../../behaviors/index')

Page({
  behaviors: [myBehaviors],
  onLoad() {
    setTimeout(()=> {
      this.add();
    }, 2000);
  }
})