3 2 去哪兒網app Vue例項生命週期函式

2021-10-10 05:34:16 字數 1067 閱讀 6981

生命週期函式就是vue例項在某乙個時間點會自動執行的函式。自動執行,故不需要手動呼叫。

根據vue官網中的生命週期函式,目前先學8個生命週期函式//官網現在有11個:

如beforecreate、created、beforemount、mounted、beforedestroy、destroy、beforeupdate、updated。

☆☆☆注:這些生命週期函式放在vue例項中,而不是放在methods中

這兩個函式在例項初始化過程中執行

初始化之後,詢問是否有el,本文中yes。再詢問是否有templa(模板),本文yes,則用模板去渲染,不管el掛載的標籤是什麼,都會被模板代替,見**中的p標籤(沒有用) //如果沒有,就把el掛載點整體的內容當做模板 ,進行渲染。

那麼在資料被掛載到頁面前的一瞬間,則執行beforemount,此時並沒有被渲染,見下面的驗證圖;掛載後執行mounted,此時被替換,見下面的驗證圖。

看一下前四個方法的驗證:

按照本文寫的**,正常不執行這兩個函式,

下面來驗證何時執行beforedestroy和destroyed:

在console中輸入vm.$destroy() 會先後執行這兩個函式。

當資料發生改變,beforeupdate和updated會被執行。

其中,重新渲染之前,執行beforeupdate,渲染之後,執行updated。

更改data來驗證:

去哪兒網筆試 面試

今天參加了去哪兒網春季實習生招聘的筆試,這也是讀研之後的第一次筆試。我做的是開發的題目,總體來講,筆試題目還是比較簡單的。考察的點涉及二分查詢 雜湊表的應用以及一些測試的基礎,具體題目就不提了。主要總結一下筆試之後的感想 總之,對自己讀研之後第一次筆試不滿意,也總結了一些經驗教訓。期待第一次面試,無...

去哪兒網筆試題分析

目錄 輸入n個int數,0,n 2 表示n 1個酒店的每晚 第 n 1 個元素是你擁有的錢。要求輸出,能住最少的天數,且錢必須剛好花完。若不存在匹配情況,則返回 1.輸入描述 輸入為一行。共n個整數,最後乙個數是擁有的錢數。以空格分隔。輸出描述 輸出能住的最小天數,不存在則輸出 1。輸入例子 100...

去哪兒網面試 HR面跪了

前幾天去西安郵電筆試,三道程式題。昨天早上去 去哪兒網 面試,一共兩輪技術面,一輪hr面。3個小時內面完。一面 自我介紹。程序通訊方式,sql語句優化,資料庫索引內部原理,兩個演算法題。然後根據專案問了資料探勘和搜尋引擎的知識。面完的時候才知道面試官是無線端搞資料探勘和搜尋引擎的,所以對我的專案比較...