# watch.js

**Repository Path**: vuevv/watch.js

## Basic Information

- **Project Name**: watch.js
- **Description**: 微信小程序自定义数据监听
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-05-21
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# watch.js

#### 介绍
微信小程序自定义数据监听

#### 软件架构
软件架构说明


#### 安装教程

1. xxxx
2. xxxx
3. xxxx

#### 使用说明

1. 将watch.js复制到项目的util下，在需要监听的页面按需引入即可：
```
//index.js 
const watch = require("../../utils/watch.js");
Page({
    data:{
        flag:true
    },
    onLoad(){
        watch.setWatcher(this); // 设置监听器，建议在onLoad下调用
        this.setData({flag:false})
    },
    watch:{
        flag:function(newVal,oldVal){
            console.log(newVal,oldVal);
        }
    }
})
```
2.全局引入一次，但由于小程序的限制，我们还是不得不在每一个页面调用getApp().setWatcher(this)
```
//app.js
const watch = require("./utils/watch.js");
App({
    setWatcher(page){
        watch.setWatcher(page);
    }
})
 
//index.js  
Page({
    onLoad() {
        getApp().setWatcher(this);
    },
})
```

#### 参与贡献

1. Fork 本仓库
2. 新建 Feat_xxx 分支
3. 提交代码
4. 新建 Pull Request


#### 码云特技

1. 使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2. 码云官方博客 [blog.gitee.com](https://blog.gitee.com)
3. 你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解码云上的优秀开源项目
4. [GVP](https://gitee.com/gvp) 全称是码云最有价值开源项目，是码云综合评定出的优秀开源项目
5. 码云官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6. 码云封面人物是一档用来展示码云会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)