AvalonJs入门二 复选框全选反选+layui分页

前言

  今天给大家带来初识Avalon的第二篇文章，复选框的全选操作和Avalon+layUI的分页。

Demo1：神奇的全选反选

Avalon的双工绑定duplex和监听事件$watch

  第一篇文章的第一个例子大家是否还记得，文本框输入什么内容，下面的页面就显示什么内容，这里就用到了Avalon的双工绑定。那什么是双工绑定呢，就是avalon定义的变量和表单中的value值进行绑定，就像连体婴儿一样，无论哪一个值发生变化，其他的值都会跟着发生改变。

   我们都知道，复选框也是有value值的，所有的复选框的值组合起来，就是一个数组，那我们想一想，选中复选框的值组成的数组的长度，如果等于复选框的个数，那么是不是就代表复选框全部选中了呢；如果我们点击全选按钮，将全部复选框的值都赋给选中复选框组成的数组，那么是不是就将复选框全部选中了呢。顺着这个思路，我们往下想：

1.那么在avalon里，我们就要定义出这个数组