掃二維碼與項目經理溝通
我們在微信上24小時期待你的聲音
解答本文疑問/技術咨詢/運營咨詢/技術建議/互聯(lián)網交流
onload和created都是Vue中的鉤子函數,但是觸發(fā)的時間不同。onload是在瀏覽器頁面加載完畢后觸發(fā)的,而created是在組件被創(chuàng)建時觸發(fā)的。它們的用法和作用也有所不同,需要根據實際問題選擇使用哪一個。

專業(yè)領域包括成都網站設計、成都做網站、商城網站建設、微信營銷、系統(tǒng)平臺開發(fā), 與其他網站設計及系統(tǒng)開發(fā)公司不同,創(chuàng)新互聯(lián)的整合解決方案結合了幫做網絡品牌建設經驗和互聯(lián)網整合營銷的理念,并將策略和執(zhí)行緊密結合,為客戶提供全網互聯(lián)網整合方案。
1. onload和created是兩個不同的生命周期鉤子函數。
2. created是Vue實例創(chuàng)建完成后立即調用的鉤子函數,此時模板和虛擬DOM都還未被渲染出來,適合進行一些數據的初始化操作;而onload是在模板和虛擬DOM都已經渲染完成后才調用的鉤子函數,適合進行一些需要依賴DOM元素的操作,比如獲取元素的寬高等。
3. 此外,onload只適用于瀏覽器環(huán)境,而created適用于所有Vue實例的創(chuàng)建過程,包括在服務器端渲染時。
區(qū)別就是兩者都是以動詞create為詞根的派生詞,但意思是不一樣的,具體的不同如下
created中文意思是v. 創(chuàng)造;建立;造成(create 的過去式和過去分詞)
creative中文意思是adj. 創(chuàng)造(性)的,創(chuàng)作的;有創(chuàng)造力的,有想象力的,n. 創(chuàng)作者;創(chuàng)意,創(chuàng)作素材
You can sense the creative buzz in the city.在城市里可以感覺到創(chuàng)造的熱情。
onload和created是JavaScript和Vue.js中的兩個事件或函數。
onload函數是JavaScript中window對象的一個事件函數,當一個Web頁面全部加載完畢,包括圖片、樣式表、JS文件等資源都加載完畢后才會被觸發(fā)。onload事件通常被用來處理頁面資源的加載和初始化事件。一般情況下,當頁面資源加載完成后,onload事件會執(zhí)行一個函數,使頁面加載后的展示更具交互性和美觀性。
而在Vue.js中,created生命周期鉤子函數是在Vue實例創(chuàng)建后立即執(zhí)行的函數,只會被調用一次。此時組件實例已經完成了數據的觀測和編譯階段的初始化,但是掛在元素$el并不一定完成,還沒有頁面的DOM渲染,也沒有DOM元素和$el綁定。因此,在created鉤子函數中我們可以訪問data、computed和methods中的數據和方法,但是不能操作DOM,因為此時DOM還未渲染出來。
簡單來說,onload指的是當整個頁面及資源都加載完成后觸發(fā)的事件,而created是Vue實例創(chuàng)建完成后被調用的函數。兩者的使用場景和功能是不同的。
在前端vue項目中,可以通過調用頁面生命周期鉤子函數或者自定義指令實現(xiàn)埋點。通過在頁面的created或mounted鉤子函數中調用埋點函數,來發(fā)送需要統(tǒng)計的數據到后臺。
另外,也可以通過定義全局自定義指令,在需要埋點的元素上綁定該指令來實現(xiàn)埋點的功能。
在指令的bind或者inserted鉤子函數中,可以監(jiān)聽元素的事件或者操作,并發(fā)送埋點數據。通過這些方式可以實現(xiàn)前端vue項目的埋點統(tǒng)計。
在Vue.js中,常見的事件主要有以下幾種:
1. DOM事件:Vue.js可以監(jiān)聽和響應瀏覽器的DOM事件,例如點擊(click)、輸入(input)、雙擊(dblclick)、鼠標移動(mousemove)等。
2. 自定義事件:除了DOM事件之外,Vue.js還支持自定義事件。你可以使用`$emit`方法觸發(fā)自定義事件,然后在相應的組件中使用`$on`方法進行監(jiān)聽和響應。
3. 生命周期鉤子事件:Vue.js組件有一系列的生命周期鉤子函數,可以用來在組件的不同生命周期階段執(zhí)行相應的操作。例如`created`、`mounted`、`updated`等生命周期鉤子函數可以用來處理相應的事件。
4. 按鍵事件:Vue.js提供了一些內置的按鍵修飾符,可以用來監(jiān)聽鍵盤按下時的事件。例如使用`@keyup.enter`可以監(jiān)聽回車鍵被按下的事件。
到此,以上就是小編對于vue中的created和mounted的區(qū)別的問題就介紹到這了,希望這3點解答對大家有用。

我們在微信上24小時期待你的聲音
解答本文疑問/技術咨詢/運營咨詢/技術建議/互聯(lián)網交流