在Eng JS中 ,实现数据双向绑定有两种方式 ,一种是建立watcher, 另一种是dom事件驱动.

这里主要介绍后一种  , Eng JS 的特色, 嵌入dom环境的 事件驱动双向绑定关系

Eng JS 借鉴了vue的部分使用语法

通过以上简单的demo,可以大致的明白,当点击第一个button 触发 addition 方法, x的值每次 +1. 同理点击第二个button ,y的值会+2.

这里this对象就是button本身, 其中 this 还有另外两个参数 this.$_gData (全部数据),this.$_eng(包含当前组件的所有可调用方法).

需要指出的是 在Eng JS中 $_data是当前’base’域内的值 ,  第二个button 是的$_data是 { y : 0 },第一个是 整个data .

$_data 仅在for 循环中有特殊作用域 ,如果数据数组是: [ {a,1,b:{c:0 }} ]  ,当前此时的 $_data 是被循环数组的整个元素 ,也就是{a,1,b:{c:0 }}

我想到这里细心的朋友已经发现了,被EngJS 创建的 事件 DOM ,可以被任何其它js 插件,类库调用 ,操作当前的组件..

更多关于EngJS 可以在gitHub 搜索 engjs

1 收藏


直接登录
最新评论