beforeCreate是Vue生命周期中的第一個鉤子函數,它在實例初始化之后、數據觀測 (data observer) 和 event/watcher 事件配置之前被調用,此時 Vue 實例的掛載階段尚未開始。
beforeCreate() { this.msg = "Hello, Vue.js!"; }
在beforeCreate鉤子函數中我們可以獲取Vue實例的所有屬性,但是此時data和methods屬性還未被創建,因此我們無法在該函數中訪問它們。但我們可以在beforeCreate中創建數據并賦值給Vue實例。
beforeCreate() { this.num = 0; setInterval(() =>{ this.num++; }, 1000); }
上述代碼中,我們在beforeCreate鉤子函數中創建一個num屬性并將其賦值為0。然后我們通過setInterval每秒更新num的值并展示它的變化。
在beforeCreate鉤子函數中創建的數據可以在Vue實例的其他生命周期函數和模板中訪問,但是在created鉤子函數中才能訪問到data和methods屬性。
created() { console.log(this.num); // 0 }
在created鉤子函數中我們可以訪問到data和methods屬性并對其進行操作。
上一篇vue左右滾動圖