【Knockout】一、认识Knockout，你会爱上它

介绍

Knockout简称ko，是一个轻量级的javascript类库，采用MVVM设计模式（即Model、view、viewModel），简单优雅的实现了双向绑定，实时更新，帮助您使用干净的数据模型来创建丰富的、响应式的用户界面。

Knockout有三大核心特性：

    1.优雅的依赖跟踪（Elegant dependency tracking）：任何时候数据模型的变化都会自动更新相应的UI部分；

    2.声明式绑定（Declarative bindings） ： 简单的将UI和你的数据模型关联起来，你就可以创建复杂的动态UI；

    3.高度可扩展性（Trivially extensible） ： 只需几行代码实现一个自定义的行为来作为声明式绑定；

其他优点：

    1.纯净的javascript代码；

    2.可以随时添加到你现有的web应用中；

    3.轻量级，GZIP后只有13K；

    4.能够工作于几乎所有主流浏览器（(IE 6+, Firefox 2+, Chrome, Safari, Edge, others）；

ko采用的是MVVM设计模式，即model view viewModel。

简单的例子

There are <span data-bind="text: myItems().length"></span> items

就是这么简单，你不必写代码来更新text内容，它会在数组长度改变时自动更新，与此类似，如果我们想利用数组长度控制按钮的可用性仅仅需要：

<button data-bind="enable: myItems().length < 5">Add</button>