[]vmLaya: MVVM for LayaAir

可能很多人和我们一样,用 laya 做单页应用而不是传统意义的游戏。比起 React/Angular,laya 的优势是性能和效果,缺点也很明显:开发效率不高。vmLaya 是一个基于 rxjs 的 mvvm 库,核心功能是数据绑定,并提供了一些 简化 laya 编程的辅助函数。这个库的目的是,通过完全分离 ui 和逻辑,提高数据驱动界面的开发效率 和 组件的可重用性。

https://github.com/yingDev/vmLaya

基本应用:
const TEST_PAGE = 'TestPage.json';

//我们的 ViewModel
class HelloViewModel
{

//每隔 500ms 自增的一个数字序列
  hello$ = $.timer(0, 500);
}

//一个 View
@createView(TEST_PAGE)
class HelloView extends VmViewBase<HelloViewModel>
{
//绑定 viewModel 的 hello$ 的值到 lbHello.text
@vmBindLabel('hello$')
lbHello: Laya.Label;
}
现实中的应用:绑定 List 和 Tab
QQ20180128-182318.png


现实中的应用:登录页面

QQ20180128-124937.png

 
已邀请:

qian

赞同来自:

谢谢分享   赞~

该问题目前已经被锁定, 无法添加新回复

商务合作
商务合作