# miniprogram-hook

**Repository Path**: plugins-and-dependencies/miniprogram-hook

## Basic Information

- **Project Name**: miniprogram-hook
- **Description**: 小程序 Hook 工具库，小巧便捷效率倍增
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-06-26
- **Last Updated**: 2024-06-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# miniprogram-hook

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

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

## 安装

```bash
npm install --save miniprogram-hook
```

## useEffect

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

```js
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