淺析Vue 生命周期
Vue 提供了11個(gè)鉤子函數(shù)
1，從創(chuàng)建到銷毀發(fā)生的一系列狀態(tài)叫做什么周期，在這個(gè)過(guò)程中vue會(huì)提供狀態(tài)函數(shù)給我們進(jìn)行
該狀態(tài)的操作，這個(gè)函數(shù)叫做鉤子函數(shù)/生命周期函數(shù)/生命周期鉤子
過(guò)程:
new Vue({})
Vue 實(shí)例初始化，讀取所有的生命周期函數(shù)，并沒(méi)有執(zhí)行，不會(huì)調(diào)用
beforeCreate()
讀取屬性，計(jì)算屬性，添加監(jiān)聽(tīng) set get方法，讀取watch方法
create() 可以操作數(shù)據(jù)了
判斷是否有el配置，或者是被調(diào)用了 $mount() 都會(huì)走下一步
判斷有沒(méi)有el或者是$mount()作用的dom結(jié)構(gòu)
beforeMount是沒(méi)有dom結(jié)構(gòu)的
如果有dom結(jié)構(gòu)，讀取dom結(jié)構(gòu) 渲染vue指令 {{}}，也就是掛載的過(guò)程
mounted() 可以操作ref
在這里可以用到 ref操作dom，用法為 ref="id",this.$refs,這里的id為唯一值，手寫(xiě)id會(huì)覆蓋，但是用v-for 遍歷ref，id成了一個(gè)數(shù)組，不會(huì)覆蓋。
總結(jié)
以上所述是小編給大家介紹的Vue 生命周期，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
這篇文章主要介紹了Vue中的文字換行問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-09-09
Element中el-select下拉框?qū)崿F(xiàn)選中圖標(biāo)并回顯圖標(biāo)
本文主要介紹了Element中el-select下拉框?qū)崿F(xiàn)選中圖標(biāo)并回顯圖標(biāo)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-12-12
vue項(xiàng)目從node8.x升級(jí)到12.x后的問(wèn)題解決
這篇文章主要介紹了vue項(xiàng)目從node8.x升級(jí)到12.x后的問(wèn)題解決，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10
這篇文章主要介紹了Vue中的errorHandler異常捕獲問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-05-05
這篇文章主要介紹了vue如何清除瀏覽器歷史棧，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-05-05
vue cli使用絕對(duì)路徑引用圖片問(wèn)題的解決
這篇文章主要給大家介紹了關(guān)于vue cli使用絕對(duì)路徑引用圖片問(wèn)題的解決方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起看看吧。2017-12-12
這篇文章主要介紹了Vue中的同步調(diào)用和異步調(diào)用方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-01-01
Vue Element-ui實(shí)現(xiàn)樹(shù)形控件節(jié)點(diǎn)添加圖標(biāo)詳解
這篇文章主要為大家介紹了Element-ui實(shí)現(xiàn)樹(shù)形控件節(jié)點(diǎn)添加圖標(biāo)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助2021-11-11
vue項(xiàng)目打包后proxyTable代理失效問(wèn)題及解決
這篇文章主要介紹了vue項(xiàng)目打包后proxyTable代理失效問(wèn)題及解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。2023-05-05
Vue中請(qǐng)求本地JSON文件并返回?cái)?shù)據(jù)的方法實(shí)例
在前端開(kāi)發(fā)過(guò)程當(dāng)中,當(dāng)后臺(tái)服務(wù)器開(kāi)發(fā)數(shù)據(jù)還沒(méi)完善,沒(méi)法與咱們交接時(shí),咱們習(xí)慣在本地寫(xiě)上一個(gè)json文件做模擬數(shù)據(jù)測(cè)試代碼效果是否有問(wèn)題,下面這篇文章主要給大家介紹了關(guān)于Vue中請(qǐng)求本地JSON文件并返回?cái)?shù)據(jù)的相關(guān)資料,需要的朋友可以參考下2022-08-08