みかづきブログ その3

3ヶ月つづけてみました。

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