beforeCreate (beforeCreate)
هوک beforeCreate یعنی «قبل از ساخته شدن کامپوننت». اینجا هنوز داده ها و DOM آماده نیستند، پس فقط کارهای ساده انجام بده.
beforeCreate دقیقاً چه می کند؟
این اولین هوک چرخه عمر است. چون کامپوننت هنوز ساخته نشده، به data یا computed دسترسی نداریم. همچنین، عنصرهای صفحه وجود ندارند.
نمونه منبع
در این نمونه، alert و لاگ کار می کند؛ اما تغییر this.text نتیجه ندارد.
<script>
export default {
beforeCreate() {
console.log('beforeCreate lifecycle hook');
alert('beforeCreate lifecycle hook');
this.text = 'beforeCreate lifecycle hook';
}
};
<\/script>
چرا تغییر داده کار نمی کند؟
چون کامپوننت هنوز «ساخته» نشده است. بنابراین this آماده دسترسی به data نیست. پس هر تغییر داده اینجا نادیده گرفته می شود.
گام های پیشنهادی استفاده
- فقط لاگ یا تنظیمات سبک انجام بده.
- سراغ data در created به بعد برو.
- دسترسی DOM را در mounted انجام بده.
نکته: اگر نیاز به مقداردهی اولیه داده داری، از created استفاده کن.
هشدار: هرگز در beforeCreate به DOM دسترسی نگیر؛ هنوز رندر نشده است.
جمع بندی سریع
- اولین هوک چرخه عمر است.
- data و DOM هنوز آماده نیست.
- برای لاگ و setup سبک مناسب است.
- کارهای جدی را بعداً انجام بده.
پیوندهای داخلی: هوک های چرخه عمر، created.