[javascript] vue的實例生命週期鉤子函數

當有一個頁面在第一次進入渲染時 , 請求一個接口 , 該接口獲取完數據後, 展現到界面上, 用到了created這個鉤子函數
created函數將在vue實例建立之後被調用,至關於構造函數,更改data屬性中的值,此時界面中循環這個值的地方就會從新渲染,這也是叫響應式系統

        new Vue({
            el: '#weibolist',
            data: function () {
                return {
                    weiboList:"",
                }
            },
            methods: {
                getWeiboList: function () {
                    let _this = this;
                    $.get('index.php?r=media/getdata', function (rs) {
                        _this.weiboList = JSON.parse(rs);
                    })
                },
            },
            created: function () {
                this.getWeiboList();
            }
        })

1.當一個 Vue 實例被建立時，它將 data 對象中的全部的 property 加入到 Vue 的響應式系統中。當這些 property 的值發生改變時，視圖將會產生「響應」，即匹配更新爲新的值。
2.只有當實例被建立時就已經存在於 data 中的 property 纔是響應式的,所以想要響應式的地方須要在data中初始化一個值