created (created)
هوک created یعنی «کامپوننت ساخته شد». اینجا داده ها آماده اند، اما DOM هنوز نیست. می توانی data یا computed را بخوانی و تغییر بدهی.
created چه کاری انجام می دهد؟
این هوک بعد از مقداردهی کامپوننت اجرا می شود. بنابراین به data و computed دسترسی داریم. اما هنوز به عنصرهای صفحه دسترسی نداریم. چون DOM در mounted می آید.
نمونه منبع
در این نمونه، مقدار text داخل created تغییر می کند.
<script>
export default {
data() {
return {
text: 'initial text'
};
},
created() {
this.text = 'The component is now created';
}
};
<\/script>
چه زمانی از created استفاده کنیم؟
برای مقداردهی داده ها عالی است. همچنین برای فراخوانی سرویس ها مناسب است. اما برای کارهای DOM صبر کن.
گام های پیشنهادی
- داده ها را مقداردهی اولیه کن.
- در صورت نیاز، درخواست ها را ارسال کن.
- برای دسترسی DOM، به mounted برو.
نکته: اگر داده در beforeCreate تغییر نکرد، طبیعی است. آنجا هنوز ساخته نشده است. از created ویو برای مقداردهی استفاده کن.
هشدار: در created سراغ DOM نرو. عنصرها هنوز رندر نشده اند.
جمع بندی سریع
- به data و computed دسترسی داریم.
- DOM هنوز در دسترس نیست.
- برای مقداردهی اولیه عالی است.
- کارهای DOM را به mounted موکول کن.
پیوندهای داخلی: beforeCreate، هوک های چرخه عمر.
منابع: created (W3Schools)، فهرست Lifecycle Hooks.