Knockoutjs 使用实践入门 (1)
浏览数：23 /
时间：2015年06月09日
1 是什么？
使用MVVM模式的简单，动态的Javascript UI.
2 优点
- 声明式绑定
- UI 自动更新
- 依赖追踪
- 模板化
3 如何使用
<!--(1)引入knockout js 库-->
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.3.js" type="text/javascript"> </script>
<script src="http://knockoutjs.com/downloads/knockout-3.3.0.js" type="text/javascript" > </script>
<script type="text/javascript">
//(2)定义绑定对象
function viewModel(firstName,lastName) {
//使用双向绑定observable
this.firstName =ko.observable( firstName);
this.lastName = lastName;
};
$(function()
{
//(3)ko.applyBindings 把模型与申明对象viewModel关联起来（Ko 就是 knockoutjs 的简写，）
// ko.applyBindings 调用时，保证html加载完毕
ko.applyBindings(new viewModel("bob","hongbo"));
});
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.3.js" type="text/javascript"> </script>
<script src="http://knockoutjs.com/downloads/knockout-3.3.0.js" type="text/javascript" > </script>
<script type="text/javascript">
//(2)定义绑定对象
function viewModel(firstName,lastName) {
//使用双向绑定observable
this.firstName =ko.observable( firstName);
this.lastName = lastName;
};
$(function()
{
//(3)ko.applyBindings 把模型与申明对象viewModel关联起来（Ko 就是 knockoutjs 的简写，）
// ko.applyBindings 调用时，保证html加载完毕
ko.applyBindings(new viewModel("bob","hongbo"));
});
运行js后可以看到，使用了双向绑定的的firstname，会随着输入框的变化而变化.
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
