初始化

我們在 jQuery 底下，常常會用到以下語法處理 init 與確認HTML是否己完全準備OK

$(document).ready(function() {});
$(window).load(function() {});

那 Vue.js 2 有沒有類似相似的東西呢？請參照以下範例

new Vue ({
    el: '#js-example-app',
    data: {
        num: 0
    },
    created: function() { /** 程式己預備 **/
        this.num$ = Rx.Observable.fromEvent(document.body, 'click').subscribe(n => {
            this.num = n
        });
    },
    beforeDestroy () { /** 程式準備結束 **/
        this.num$.unsubscribe();
    }
});

看見了嗎？當Vue.js 2 的資源都準備好了之後，就啟動綁定Rx.js的事件並訂閱，當程式要結束時，就取消訂閱

關於Rx.js，我們將留做下一份文件做簡易教學，Rx.js的重點也是在“觀察者模式"，但是它可以細到指定觀察你mouse click按下的時間大約多久，多少次，可以將所有事件重新組成一個新的事件做訂閱