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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

三岁就很~酷~

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值