mdel
数据管理器
安装
使用
- 推荐一些数据模型 链接
; { super uid:0 ; } { this } const userStore = ;const unSubscribe = userStore;userStore;;
- es5
var Model = mdelModel;var userStore = ; const unSubscribe = userStore; userStore;; { var store = uid:0 ; store{ store; }; return store;}
在react中使用
详细文档 链接
- 类组件
//models/list.jsimport Model from 'mdel'; { } { this } { this } //login-log.jsximport React from 'react'import observe from 'mdel-react'import ListModel from '../models/list' @observeComponent sUser = userStore; sList = ; async { thissList; try const data = await ; thissList catch e thissList } { ifthissUserdatauid < 1 return <div>你还没有登录</div> ifthissListdataloading return <div>loading</div> return thissListdatalist } ;
- 无状态组件
import React from 'react'import observe from 'mdel-react' const LoginLogList = ; Component sUser = userStore; sList = ; { return <LoginLogList = =/> } ;
API
Model
数据模型
实例属性
data
返回数据(只读)
- 必须使用 setData 方法来修改data
- 建议data的数据结构在初始的时候时确定
- typescript中可通过泛型来约束data
prevData
返回修改前的数据(只读)
实例方法
setData
设置数据,会 浅拷贝 到实例data中
subscribe
订阅数据的修改,返回取消订阅
更新日志
7.0.1
- 优化类型命名
- 调整throwError参数
6.0.4
- 废弃getIsStore,建议用 instanceof 判断
- 废弃constructor中name参数
5.0.0
- 新增prevData,取消subscribe中prevData参数
- 新增setData方法,废弃change方法