本篇文章給大家分享的是有關created和mountedz在Vue中有什么區(qū)別，小編覺得挺實用的，因此分享給大家學習，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

創(chuàng)新互聯是專業(yè)的網站建設公司,提供網站建設,網站制作,網站設計等網站開發(fā)一體化解決方案;包括成都h5網站建設,微信小程序,網站定制,企業(yè)網站建設,商城網站建設,響應式網站設計,建網站,PHP網站建設,軟件開發(fā)，軟文推廣，網站營銷。歡迎做網站的企業(yè)前來合作洽談,創(chuàng)新互聯將竭誠為您服務!

生命周期

什么是生命周期

Vue實例有一個完整的生命周期，也就是從開始創(chuàng)建、初始化數據、編譯模板、掛載Dom、渲染→更新→渲染、卸載等一系列過程，我們稱這是Vue的生命周期。通俗說就是Vue實例從創(chuàng)建到銷毀的過程，就是生命周期。

在Vue的整個生命周期中，它提供了一系列的事件，可以讓我們在事件觸發(fā)時注冊js方法，可以讓我們用自己注冊的js方法控制整個大局，在這些事件響應方法中的this直接指向的是vue的實例。

再上圖，對生命周期圖的標注

特別值得注意的是created鉤子函數和mounted鉤子函數的區(qū)別

每個鉤子函數都在啥時間觸發(fā)

beforeCreate

在實例初始化之后，數據觀測(data observer) 和 event/watcher 事件配置之前被調用。

created

實例已經創(chuàng)建完成之后被調用。在這一步，實例已完成以下的配置：數據觀測(data observer)，屬性和方法的運算， watch/event 事件回調。然而，掛載階段還沒開始，$el 屬性目前不可見。

beforeMount

在掛載開始之前被調用：相關的 render 函數首次被調用。

mounted

el 被新創(chuàng)建的 vm.$el 替換，并掛載到實例上去之后調用該鉤子。

beforeUpdate

數據更新時調用，發(fā)生在虛擬 DOM 重新渲染和打補丁之前。 你可以在這個鉤子中進一步地更改狀態(tài)，這不會觸發(fā)附加的重渲染過程。

updated

由于數據更改導致的虛擬 DOM 重新渲染和打補丁，在這之后會調用該鉤子。

當這個鉤子被調用時，組件 DOM 已經更新，所以你現在可以執(zhí)行依賴于 DOM 的操作。然而在大多數情況下，你應該避免在此期間更改狀態(tài)，因為這可能會導致更新無限循環(huán)。

該鉤子在服務器端渲染期間不被調用。

beforeDestroy

實例銷毀之前調用。在這一步，實例仍然完全可用。

destroyed

Vue 實例銷毀后調用。調用后，Vue 實例指示的所有東西都會解綁定，所有的事件監(jiān)聽器會被移除，所有的子實例也會被銷毀。 該鉤子在服務器端渲染期間不被調用。

以上就是created和mountedz在Vue中有什么區(qū)別，小編相信有部分知識點可能是我們日常工作會見到或用到的。希望你能通過這篇文章學到更多知識。更多詳情敬請關注創(chuàng)新互聯成都網站設計公司行業(yè)資訊頻道。

另外有需要云服務器可以了解下創(chuàng)新互聯scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

本文標題：created和mountedz在Vue中有什么區(qū)別-創(chuàng)新互聯
文章位置：http://www.rwnh.cn/article2/epjoc.html

成都網站建設公司_創(chuàng)新互聯，為您提供網站設計公司、網站制作、商城網站、企業(yè)網站制作、網站導航、外貿建站

廣告

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