vue總結「三」--元件生命週期

loushumei發表於2020-10-24
Vue元件

單個元件的生命週期

掛載階段
beforeCreate
created： new vue的例項初始化完，網頁還沒開始渲染
deforeMount
mounted ：網頁已經渲染完了

更新階段
beforeUpdate
Updated

銷燬階段
beforeDestroy 解除繫結 銷燬子元件以及事件監聽器
destroyed 銷燬完成

父子元件生命週期

父元件：index.vue
子元件：list.vue

  • 掛載階段：
    index created
    list created
    list mounted
    index mounted

  • 更新：
    index beforeUpdate
    list beforeUpdate
    list updated
    index updated

相關文章