knockoutの基礎知識2

Knockout Advent Calendar 2015

by MKGaru

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.3.0/knockout-debug.js"></script>
<script src="https://mbest.github.io/knockout.punches/knockout.punches.js"></script>
<script src="https://rawgit.com/SteveSanderson/knockout-es5/master/dist/knockout-es5.js"></script>
あなたの名前は？:<input type="text" data-bind="value:myName">

<div>こんにちは！{{myName}}さん</div>
<div>このページの滞在時間は、{{age}}秒です</div>

JavaScript

var vm = {
    myName: "山田",
    age: 1
};
setInterval(function(){
    vm.age++
},1000);

ko.track(vm);
ko.punches.enableAll();
ko.applyBindings(vm);