深刻解析Vue裏函數的調用順序介紹

今天爲你們分享一篇對vue裏函數的調用順序介紹，寫的十分的全面細緻，具備必定的參考價值，對此有須要的朋友能夠參考學習下。若有不足之處，歡迎批評指正。

method用來定義方法的,好比你@click=」test」,methods就定義test這個方法

created和ready都是 vue 組件的生命週期

created

類型： Function 詳細： 在實例建立以後同步調用。此時實例已經結束解析選項，這意味着已創建：數據綁定，計算屬性，方法，watcher/事件回調。可是尚未開始 DOM 編譯，$el 還不存在。

ready

類型： Function 詳細： 在編譯結束和 el第一次插入文檔以後調用，如在第一次attached鉤子以後調用。注意必須是由Vue插入（如vm.el第一次插入文檔以後調用，如在第一次attached鉤子以後調用。注意必須是由Vue插入（如vm.appendTo() 等方法或指令更新）才觸發 ready 鉤子。

compted 是計算屬性,好比

computed:{ 
b:function(){ 
return this.a+1 
} 
}/歡迎加入前端全棧開發交流圈一塊兒學習交流：864305860

那麼這個b的值就和a掛鉤,始終等於a的值+1,修改a的值的時候也會變 vue 的 ajax 庫推薦使用 vue-resource,通常非單頁應用在ready裏獲取數據就行,若是是單頁應用根據路由生命週期來獲取,好比

route: { 
data: function (transition) { 
//數據獲取,修改data 
transition.next() 
} 
}/歡迎加入前端全棧開發交流圈一塊兒學習交流：864305860

結語

感謝您的觀看，若有不足之處，歡迎批評指正。