vue.js中鉤子函數(shù)是什么

小編給大家分享一下vue.js中鉤子函數(shù)是什么，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

成都創(chuàng)新互聯(lián)，為您提供重慶網(wǎng)站建設(shè)、成都網(wǎng)站制作、網(wǎng)站營(yíng)銷推廣、網(wǎng)站開(kāi)發(fā)設(shè)計(jì)，對(duì)服務(wù)LED顯示屏等多個(gè)行業(yè)擁有豐富的網(wǎng)站建設(shè)及推廣經(jīng)驗(yàn)。成都創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司成立于2013年,提供專業(yè)網(wǎng)站制作報(bào)價(jià)服務(wù),我們深知市場(chǎng)的競(jìng)爭(zhēng)激烈，認(rèn)真對(duì)待每位客戶，為客戶提供賞心悅目的作品。 與客戶共同發(fā)展進(jìn)步，是我們永遠(yuǎn)的責(zé)任！

vue.js中有八個(gè)鉤子函數(shù)，分別是：1、beforeCreate用于創(chuàng)建前；2、created用于創(chuàng)建后；3、beforeMount用于掛載前；4、mounted用于掛載后；5、beforeDestroy用于銷毀前。

vue.js中有八個(gè)鉤子函數(shù)，分別是：

一、beforeCreate:創(chuàng)建前

1、當(dāng)前vue實(shí)例化的時(shí)候會(huì)做一個(gè)初始化的操作，在這個(gè)生命周期函數(shù)里面我們可以做初始化的loading

2、在當(dāng)前函數(shù)里面是訪問(wèn)不到data中的屬性，但是可以通過(guò)vue的實(shí)例對(duì)象進(jìn)行訪問(wèn)

二、created:創(chuàng)建后

1、當(dāng)beforeCreate執(zhí)行完畢以后，會(huì)執(zhí)行created. 在當(dāng)前函數(shù)中我們可以訪問(wèn)到data中的屬性

2、當(dāng)前生命周期函數(shù)執(zhí)行的時(shí)候會(huì)將data中所以的屬性和methods身上所以的方法添加到vue的實(shí)例身上，同時(shí)

會(huì)將data中所有的屬性添加一個(gè)getter/setter方法

3、如果需要進(jìn)行前后端上數(shù)據(jù)交互(ajax請(qǐng)求的時(shí)候) 需要在當(dāng)前生命周期中使用

三、beforeMount:掛載前

(渲染)

render函數(shù)初次被調(diào)用---->數(shù)據(jù)和模板沒(méi)有進(jìn)行相結(jié)合，同時(shí)還沒(méi)有渲染到html頁(yè)面上

可以在此做渲染前data中數(shù)據(jù)最后的修改

四、mounted:掛載后

1、數(shù)據(jù)和模板進(jìn)行相結(jié)合，渲染成真實(shí)的DOM結(jié)構(gòu)

2、在當(dāng)前生命周期函數(shù)里面我們可以訪問(wèn)到真實(shí)的DOM結(jié)構(gòu),

3、在vue中我們可以通過(guò)$refs來(lái)訪問(wèn)到真實(shí)的DOM結(jié)構(gòu)

4、ref類似與id一樣 值必須是唯一的   訪問(wèn)的時(shí)候我們可以通過(guò)this.$refs.屬性

五、beforeDestroy:銷毀前

銷毀之前還可以訪問(wèn)到DOM結(jié)構(gòu)  以及相關(guān)的數(shù)據(jù)(data)

在這個(gè)生命周期函數(shù)中我們可以將綁定的事件進(jìn)行移除

六、destroyed:銷毀后

在這個(gè)生命周期函數(shù)中會(huì)將數(shù)據(jù)和模板之間的關(guān)系斷開(kāi)(不是你的做的)

在這個(gè)生命周期函數(shù)中我們還是可以訪問(wèn)到data中的屬性

但是訪問(wèn)不到真實(shí)的DOM結(jié)構(gòu)了

七、beforeUpdate:更新前

只要data中的屬性發(fā)生了改變，那么這個(gè)生命周期就會(huì)執(zhí)行，render函數(shù)再次會(huì)執(zhí)行

在這個(gè)生命周期函數(shù)中我們可以對(duì)數(shù)據(jù)進(jìn)行最后的修改，同時(shí)也可以訪問(wèn)到最新的DOM結(jié)構(gòu)和數(shù)據(jù)

八、updated:更新后

在當(dāng)前生命周期函數(shù)中我們可以訪問(wèn)到最新的DOM結(jié)構(gòu)(數(shù)據(jù)更新后最新的DOM結(jié)構(gòu))和數(shù)據(jù)

看完了這篇文章，相信你對(duì)vue.js中鉤子函數(shù)是什么有了一定的了解，想了解更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

當(dāng)前文章：vue.js中鉤子函數(shù)是什么
文章出自：http://muchs.cn/article6/jiooig.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供營(yíng)銷型網(wǎng)站建設(shè)、面包屑導(dǎo)航、自適應(yīng)網(wǎng)站、軟件開(kāi)發(fā)、Google、小程序開(kāi)發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)