溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
今天就跟大家聊聊有關vue中鉤子函數的執行順序是什么，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結了以下內容，希望大家根據這篇文章可以有所收獲。
vue的生命周期如下圖：
在頁面首次加載執行順序有如下：
beforeCreate //在實例初始化之后、創建之前執行
created //實例創建后執行
beforeMounted //在掛載開始之前調用
filters //掛載前加載過濾器
computed //計算屬性
directives-bind //只調用一次，在指令第一次綁定到元素時調用
directives-inserted //被綁定元素插入父節點時調用
activated //keek-alive組件被激活時調用，則在keep-alive包裹的嵌套的子組件中觸發
mounted //掛載完成后調用
{{}} //mustache表達式渲染頁面
修改頁面input時，被自動調用的選項順序如下：
watch //首先先監聽到了改變事件
filters //過濾器沒有添加在該input元素上，但是也被調用了
beforeUpdate //數據更新時調用，發生在虛擬dom打補丁前
directived-update //指令所在的組件的vNode更新時調用，但可能發生在其子vNode更新前
directives-componentUpdated//指令所在的組件的vNode及其子組件的vNode全部更新后調用
updated //組件dom已經更新
組件銷毀時，執行順序如下：
beforeDestroy //實例銷毀之前調用
directives-unbind //指令與元素解綁時調用，只調用一次
deactivated //keep-alive組件停用時調用
destroyed //實例銷毀之后調用
Vue具體輕量級框架、簡單易學、雙向數據綁定、組件化、數據和結構的分離、虛擬DOM、運行速度快等優勢，Vue中頁面使用的是局部刷新，不用每次跳轉頁面都要請求所有數據和dom，可以大大提升訪問速度和用戶體驗。
看完上述內容，你們對vue中鉤子函數的執行順序是什么有進一步的了解嗎？如果還想了解更多知識或者相關內容，請關注億速云行業資訊頻道，感謝大家的支持。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
