ورود

ثبت نام در سایت
Codash: یادگیری آنلاین برنامه نویسی بصورت تعاملی
قالب سفارشی آیتم
همه دروس کامپوننت انتخاب با قابلیت جستجو در VueJS 2
feedbackquestion_answerschoollibrary_books

ثبت نام

ورود

کداش برای استفاده در کامپیوتر طراحی شده است و کار با آن در موبایل و تبلت سخت خواهد بود.

شروع درس play_arrow

قالب سفارشی آیتم

سلام. اگر اولین باری است که از سایت ما بازدید می کنید پیشنهاد می کنیم قبل از شروع یادگیری، با نحوه استفاد ه از سایت کداش آشنا شوید!
بزن بریم!قبلا آشنا شده ام

تا اینجای کار فرض کردیم که داده های مورد استفاده دارای ساختار ثابت با دو ویژگی FirstName و LastName هستند که از وصل کردن آن ها به هم عنوان آیتم را ایجاد می کردیم. در نهایت همین عنوان را در لیست آیتم ها به کاربر نمایش می دادیم و در زمان جستجو بر روی آن به جستجوی آیتم مورد نظر کاربر می پرداختیم. روش این روش وابستگی زیاد کامپوننت به ساختار داده ورودی است که حتما باید شامل نام و نام خانوادگی باشد که باعث می شود نتوانیم از آن در بخش های مختلف برنامه استفاده کنیم.

در این درس می خواهیم ابتدا تولید عنوان هر آیتم را از داخل کامپوننت به بیرون آن انتقال دهیم تا بتوانیم از طریق ویژگی های کامپوننت عنوان را انتخاب کنیم و در ادامه می خواهیم امکان نمایش قالب غیر متنی ( HTML ) را برای هر آیتم از طریق slot فراهم کنیم.