天天看點

006、Vue執行個體的生命周期鈎子

生命周期函數

  1. beforeCreate:執行個體初始化之後;

    2.created:執行個體建立之後執行,執行個體還未挂載時;

    3.beforeMount: 執行個體挂載到DOM節點前;

    4.mounted:el(挂載VUE執行個體的DOM節點)被建立的vm.$el替換之後調用;

    5.beforeUpdate:資料更新時調用,發生虛拟DOM重新渲染和更新檔之前;

    6.updated:元件DOM更新之後調用,此處可以執行依賴于DOM的操作。一般情況用計算屬性和watcher來代替。

// 即:VUE執行個體的watch對象,鍵是需要觀察的表達式、值為對應的回調函數。
export default {
    data () {
        return {
            cartList: []
        }
    },
    watch: {
        cartList: function (val,odlVal) {

        }
    }
}           
006、Vue執行個體的生命周期鈎子

// 該圖檔來自Vue官網

溫馨提示:掃碼可以提問、交流。本人有各個行業的小程式前端代碼,如有需要也可以掃碼留言哦。

006、Vue執行個體的生命周期鈎子