Vue 'beforeCreate' 生命週期鉤子
示例
使用 beforeCreate
生命週期鉤子來建立一個警報、寫入控制檯,並嘗試不成功地更改 'text' 資料屬性。
beforeCreate(){
console.log('beforeCreate lifecycle hook');
alert('beforeCreate lifecycle hook');
this.text = 'beforeCreate lifecycle hook'; // Does not work
}
執行示例 »
定義和用法
在 Vue 元件的生命週期中,beforeCreate
生命週期鉤子是第一個被呼叫的鉤子。
beforeCreate
生命週期鉤子用於在元件建立之前執行程式碼。
由於元件尚未建立,我們無法訪問元件例項內的屬性,例如 data
或 computed
,也無法訪問元件的 DOM 元素,因為它們也尚未建立。
相關頁面
Vue 教程:Vue 生命週期鉤子
Vue 教程:'beforeCreate' 鉤子
Vue 參考:Vue 'created' 生命週期鉤子