knockoutでのViewModelの書き方

knockoutの基礎知識

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

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

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