miniprogram-hook v0.0.8

miniprogram-hook

小程序 Hook 工具库，小巧便捷效率倍增

无其他依赖，所有Hook均使用原生JS实现。

安装

npm install --save miniprogram-hook

useEffect

监听Page与Component中的data，属性值发生变化则执行回调

import { useEffect } from 'miniprogram-hook'

Component({
  data: {
    motto: 'Hello World',
    userInfo: {
      avatarUrl: defaultAvatarUrl,
      nickName: '',
    },
    hasUserInfo: false,
  },
  lifetimes: {
    attached() {
      useEffect(
        {
          context: this,
          watchKey: 'userInfo.nickName',
        },
        (key, value) => {
          console.log('userInfo.nickName发生了变化：', key, value)
        }
      )
    },
  },
  methods: {
    // 按钮事件
    changeNickname() {
      this.setData({
        'userInfo.nickName': '张三',
      })
    },
  }
})

协议

MIT