Vue生命周期

  指定掛載的容器
        el: '#app',
       指定模板(如果有模板,vue會渲染整個(gè)模板;如果沒有模板,vue會將el里面的所有內(nèi)容當(dāng)成模板使用)
        template: 

beforeCreate(){} 創(chuàng)建之前(數(shù)據(jù)初始化之前)
整個(gè)生命周期函數(shù),基本上不用,除非要設(shè)置Vue實(shí)例的內(nèi)容

created() {} 創(chuàng)建完成(數(shù)據(jù)初始化完成)
這個(gè)生命周期,通常用于初始化Vue管理的數(shù)據(jù),比如ajax請求會放這里

beforeMount(){}掛載之前,模板已經(jīng)成功渲染,但是內(nèi)容還沒掛載
這個(gè)生命周期函數(shù),基本不用,除非要設(shè)置Vue實(shí)例的東西

mounted() {}
這個(gè)生命周期函數(shù),通常用于對DOM的改動

beforeUpdate() {} 修改之前(數(shù)據(jù)已經(jīng)改了,但還沒有掛載頁面)

updated() {}

銷毀之前
beforeDestroy() {}

銷毀之后
destroyed() {}

通過Vue實(shí)例的mount方法,手動掛載容器 公共el選項(xiàng)指定掛載容器,當(dāng)模板手動渲染成功后,會離開掛載頁面mount的方法好處是,可以自行選擇手動掛載的時(shí)機(jī)
vm.$mount('#app')

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容