Vue之實例的生命週期

Vue實例有一個完整的生命週期,也就是從開始創建、初始化數據、編譯模板、掛載Dom、渲染→更新→渲染、卸載等一系列過程,我們稱這是Vue的生命週期。通俗說就是Vue實例從創建到銷燬的過程,就是生命週期

在Vue的整個生命週期中,它提供了一系列的事件,可以讓我們在事件觸發時註冊js方法,可以讓我們用自己註冊的js方法控制整個大局,在這些事件響應方法中的this直接指向的是vue的實例

特別值得注意的是created鉤子函數和mounted鉤子函數的區別

這裏寫圖片描述

這裏寫圖片描述

這裏寫圖片描述

在鉤子函數中直接給this添加的屬性相當於在data中添加的屬性,是可以在頁面中引用的

這裏寫圖片描述

這裏寫圖片描述