對(duì)vue里函數(shù)的調(diào)用順序介紹

發(fā)布時(shí)間：2020-10-14 00:38:25 來源：腳本之家閱讀：168 作者：鹿目圓欄目：web開發(fā)

method用來定義方法的,比如你@click=”test”,methods就定義test這個(gè)方法

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

created

類型： Function

詳細(xì)：

在實(shí)例創(chuàng)建之后同步調(diào)用。此時(shí)實(shí)例已經(jīng)結(jié)束解析選項(xiàng)，這意味著已建立：數(shù)據(jù)綁定，計(jì)算屬性，方法，watcher/事件回調(diào)。但是還沒有開始 DOM 編譯，$el 還不存在。

ready

類型： Function

詳細(xì)：

在編譯結(jié)束和 el第一次插入文檔之后調(diào)用，如在第一次attached鉤子之后調(diào)用。注意必須是由Vue插入（如vm.el第一次插入文檔之后調(diào)用，如在第一次attached鉤子之后調(diào)用。注意必須是由Vue插入（如vm.appendTo() 等方法或指令更新）才觸發(fā) ready 鉤子。

compted 是計(jì)算屬性,比如

computed:{ 
b:function(){ 
return this.a+1 
} 
}

那么這個(gè)b的值就和a掛鉤,始終等于a的值+1,修改a的值的時(shí)候也會(huì)變

vue 的 ajax 庫(kù)推薦使用 vue-resource,一般非單頁應(yīng)用在ready里獲取數(shù)據(jù)就行,如果是單頁應(yīng)用根據(jù)路由生命周期來獲取,比如

route: { 
data: function (transition) { 
//數(shù)據(jù)獲取,修改data 
transition.next() 
} 
}

以上這篇對(duì)vue里函數(shù)的調(diào)用順序介紹就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持億速云。

向AI問一下細(xì)節(jié)

對(duì)vue里函數(shù)的調(diào)用順序介紹

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽