其他分享
首页 > 其他分享> > knockout框架

knockout框架

作者:互联网

介绍:简称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功能一样,都是循环遍历展示数据

标签:vue,框架,knockout,bind,ko,text,变量名,data
来源: https://blog.csdn.net/CSDNchaxundaima/article/details/115522030