Vue中的created鉤子函數是實例被創建完畢后立即執行的函數。它和mounted鉤子函數類似,但是created鉤子函數只保證實例存在,而mounted鉤子函數保證了掛載完成。在這個鉤子函數里,我們可以對實例進行一些初始化操作。
created() {
// 操作實例變量和方法
this.message = 'Hello, Vue!'
this.sayHello()
}
在這個例子中,我們可以看到在created鉤子函數中,我們對實例的message進行了設定,同時也執行了一個實例方法sayHello()。由于created鉤子函數只保證實例存在,所以這里我們只可以訪問到實例的數據和方法,但是并不能保證DOM已經渲染完成。
created鉤子函數的執行發生在beforeCreate鉤子函數之后,而其他生命周期的鉤子函數都會在created鉤子函數之后執行。這也就意味著,我們可以在created鉤子函數中訪問和修改到beforeCreate鉤子函數中創建的數據和方法,但是不可以訪問到其他生命周期鉤子函數中創建的數據。
beforeCreate() {
this.name = 'Tom'
},
created() {
console.log(this.name) // 'Tom'
this.age = 18
}
在這個例子中,我們可以看到,我們在beforeCreate鉤子函數中創建了一個name屬性,并將其設置為'Tom';然后在created鉤子函數中,我們嘗試訪問這個'created'屬性,發現它可以正常輸出'Tom'。同時我們也在created鉤子函數中創建了一個age屬性,這時我們可以發現,其他鉤子函數是無法訪問這個age屬性的。