# wxDataBindProxy

**Repository Path**: coderyhr/wx_small_pro_proxy_data_bind

## Basic Information

- **Project Name**: wxDataBindProxy
- **Description**: 微信原生小程序数据双向绑定
- **Primary Language**: JavaScript
- **License**: EPL-1.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-03-25
- **Last Updated**: 2021-04-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# wxDataBindProxy

#### 介绍
微信原生小程序数据双向绑定demo

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


#### 使用说明

1.  Page
```
let app = getApp()
Page({
    ...
    onLoad: function () {
        app.addWatcher(this)
            ...
    },
    watch: {
        // 监听app.globalData的属性,that page 本身，value 更新后的值
        userInfo (that, value) {
            that.setData({
                userInfo: app.globalData.userInfo
            })
        }
    }
})
```
2.  Component
```
var app = getApp()
Component({
    // 组件和page 差异很大需要 声明 watch 需要引入拓展 behaviors
    behaviors: [require('../behaviors/watch.js')],
    lifetimes: {
        // 生命周期函数，可以为函数，或一个在methods段中定义的方法名
        attached() {
          ...
          app.addWatcher(this)
          ...
        },
        detached: function () { 
          app.removeWatcher(this)
        },
    },
    watch: {
        userInfo(that, value) {
          console.log('watchBack component value', value)
          that.setData({
            userInfo: app.globalData.userInfo
          })
        }
    }, 
})
```

#### 参与贡献

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/)