介绍:简称ko
采用模式:MVVM模式
优点:免费开源,小型轻巧没有任何依赖关系,支持所有主流浏览器,包括ie6
与vue对比理解
两个框架都采用MVVM模式:
M:modle层处理逻辑
V:view层视图层
VM:沟通V与M层,其实就是双向绑定
vue当中有许多的指令,ko当中的一些绑定方法,如果熟悉vue或者agluar可以理解为也是指令,用法相似
ko当中的一些绑定方法(可以理解为指令)
data-bind="text:变量名"
data-bind="html:变量名"
data-bind="value:"变量名"
data-bind="attr:{id:'id名'}"
data-bind="click:方法名"
data-bind="foreach;列表名"
...
用法
<div id="sample" data-bind="text:coontent"></div>
<script>
var sample={
text:ko.observable("嘿嘿")
}
ko.applyBindings(sample, document.getElementById("sample"));
//ko.applayBindings()绑定模块到元素,第一个参数是模块名,第二个参数是获取页面DOM
</script>
text与html用法一样,不同点是用html浏览器会解析标签,用text不会解析标签
value是针对input元素的
attr,与原生的attribute相比较就好理解了,添加元素属性
click单机事件了,对应的变量名后面是函数
foreach是遍历一组数据,一般放在数组当中,与vue的v-for功能一样,或者是aglaur当中的*ng-for功能一样,都是循环遍历展示数据