在正常的vue体系中,我们能够很方便地将view与data进行绑定,本质上是使用了event事件体系。然而,data与data的绑定极为困难,很多时候,我们采用了一些变通的方式如watch,computed,然而一旦跨页面,就会有些力不从心。有Event之后,我们可以让这种操作极为简单和便捷。

注:view与view的绑定很多时候是通过data来处理的。


如下有三个输入框分别绑定三个变量name, name1, name2(本示例只作了单绑,双绑同样的流程)。在页面created时,我们将name1,name2通过Event绑定name。nameOnce仅会同步一次name,以后再也不会同步。我们来看一下效果:

仅同步第一次,后面就再也不会同步

对像事件。为了方便大家的操作,本框架最底层的Object上集成了Event,因此,我们可以直接调用对应的事件方法来使用事件。下面,我们用dataProvider来示例。

通过dp.isLoading指示:{{dp.isLoading? "加载中..." : ""}}

通过事件机制显示:{{dpStatus}}

另外,我们也可以自己给对像加事件(dp.event(xxx))。对像的事件是对像自己的,即使名称一样,只要发出事件的不是该对像,就不会产生回调