建站
咨詢
售后
建站咨詢
新聞中心
今天就跟大家聊聊有關vue中鉤子函數(shù)的執(zhí)行順序是什么，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結了以下內容，希望大家根據(jù)這篇文章可以有所收獲。
10年積累的成都網(wǎng)站設計、成都網(wǎng)站制作、外貿網(wǎng)站建設經(jīng)驗，可以快速應對客戶對網(wǎng)站的新想法和需求。提供各種問題對應的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡服務。我雖然不認識你，你也不認識我。但先制作網(wǎng)站后付款的網(wǎng)站建設流程，更有定安免費網(wǎng)站建設讓你可以放心的選擇與我們合作。
vue的生命周期如下圖：
在頁面首次加載執(zhí)行順序有如下：
beforeCreate //在實例初始化之后、創(chuàng)建之前執(zhí)行
created //實例創(chuàng)建后執(zhí)行
beforeMounted //在掛載開始之前調用
filters //掛載前加載過濾器
computed //計算屬性
directives-bind //只調用一次，在指令第一次綁定到元素時調用
directives-inserted //被綁定元素插入父節(jié)點時調用
activated //keek-alive組件被激活時調用，則在keep-alive包裹的嵌套的子組件中觸發(fā)
mounted //掛載完成后調用
{{}} //mustache表達式渲染頁面
修改頁面input時，被自動調用的選項順序如下：
watch //首先先監(jiān)聽到了改變事件
filters //過濾器沒有添加在該input元素上，但是也被調用了
beforeUpdate //數(shù)據(jù)更新時調用，發(fā)生在虛擬dom打補丁前
directived-update //指令所在的組件的vNode更新時調用，但可能發(fā)生在其子vNode更新前
directives-componentUpdated//指令所在的組件的vNode及其子組件的vNode全部更新后調用
updated //組件dom已經(jīng)更新
組件銷毀時，執(zhí)行順序如下：
beforeDestroy //實例銷毀之前調用
directives-unbind //指令與元素解綁時調用，只調用一次
deactivated //keep-alive組件停用時調用
destroyed //實例銷毀之后調用
Vue的優(yōu)點
Vue具體輕量級框架、簡單易學、雙向數(shù)據(jù)綁定、組件化、數(shù)據(jù)和結構的分離、虛擬DOM、運行速度快等優(yōu)勢，Vue中頁面使用的是局部刷新，不用每次跳轉頁面都要請求所有數(shù)據(jù)和dom，可以大大提升訪問速度和用戶體驗。
看完上述內容，你們對vue中鉤子函數(shù)的執(zhí)行順序是什么有進一步的了解嗎？如果還想了解更多知識或者相關內容，請關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝大家的支持。
文章題目：vue中鉤子函數(shù)的執(zhí)行順序是什么
當前網(wǎng)址：http://www.ef60e0e.cn/article/isjghs.html
