codecamp

BUI 数据驱动介绍

我们按照vue的接口设计了一个不一样的数据驱动方式, 如果你熟悉vue, 那可以很容易就上手. 如果不熟悉也没有关系, 数据驱动不是必须掌握的, bui就是一个单独的解决方案.

注意: 使用 bui.store 意味着放弃安卓低版本的兼容, 比方安卓4.3 的浏览器对这种数据解析方式支持不太好, 打包影响不大, 取决于打包的内核.

这个目前还不支持复杂的对象处理, 建议设计的时候,层级在1层左右. 如果一定要多层级, 可以使用 this.set("xx.xxx",value) 这种方式可以确保一定会触发对应的数据变更.

查看示例

手机预览

BUI 发布订阅
BUI store 实例
温馨提示
下载编程狮App，免费阅读超1000+编程语言教程
取消
确定
目录

BUI 教程

BUI 进阶教程

BUI 数据驱动

BUI 提高效率

BUI 规范

BUI 帮助

BUI 链接

关闭

 MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }