@wxa/watch

    2.3.1 • Public • Published

    @wxa/watch

    NPM version npm bundle size (minified + gzip)

    详细的文档

    More Detail Documentation

    watch插件基于melanke-watchjs实现,本插件只是简单包装,以适配小程序环境。

    安装

    # 使用npm安装
    npm i -S @wxa/watch

    用例

    1. app.js/app.wxa中引入后注册。
    // app.js or app.wxa
    import {App, wxa} from '@wxa/core';
    import watchPlugin from '@wxa/watch';
    
    wxa.use(watchPlugin);
    
    @App
    export default class Main {};
    1. 在页面类中定义watch对象,指定需要监听的数据。
    import {Page} from '@wxa/core';
    
    @Page
    export default class Index {
        data = {
            formData: {
                name: '',
                email: ''
            }
        }
        watch = {
            formData(newValue) {
                // 判断表单数据是否为空
                let isValid = !!Object.keys(newValue).find((key)=>!newValue[key]);
                this.setData({isValid})
            }
        }
    }

    使用watch,我们可以替代一部分.wxs的能力,实现类似computed的特性。

    ::: warning 注意 数据监听只对提前定义在data中的数据有效,后续动态添加的数据都无法监听,比如例子中的isValid

    可以监听数组本身,但不能监听数组新增的项。 :::

    Keywords

    Install

    npm i @wxa/watch

    DownloadsWeekly Downloads

    17

    Version

    2.3.1

    License

    MIT

    Unpacked Size

    18.9 kB

    Total Files

    8

    Last publish

    Collaborators

    • genuifx
    • zehuiguan
    • lucaszhu
    • fanniehuang
    • baoooooo