Vue.js を試す。

軽量MVVMライブラリとして名高いVue.js。
試しにつかってみました。

<div id="demo" class="balloon" v-on="click: say">{{msg}}</div>

(function(win, doc, Vue) {

    "use strict";
    
    var vm = new Vue({
        el: "#demo",
        data: {
            msg: "じぇ！"
        },
        methods: {           
            say: function() {
                alert(this.msg);
            }
        }
    });
    
    // 1秒後にテキストを"じぇじぇ！"に変更
    setTimeout(function() {
        vm.msg = "じぇじぇ！";
    }, 1000);

    // 2秒後にテキストを"じぇじぇじぇ！"に変更
    setTimeout(function() {
        vm.msg = "じぇじぇじぇ！";
    }, 2000);
    
})(this, document, Vue);

非常にお手軽ですね。
今回は以上です。

Vue.js - The Progressive JavaScript Framework | Vue.js