قسمت چهارم : Options API در Vue 3: ساخت کامپوننت لیست با فیلتر و جستجو

در قسمت چهارم از سری آموزش‌های جامع Vue.js 3، به بررسی دقیق Options API، روش سنتی تعریف کامپوننت‌ها در Vue، می‌پردازیم. در این ویدیو، با ساخت یک کامپوننت لیست کاربردی و حرفه‌ای، تمامی مفاهیم کلیدی Options API را به صورت عملی یاد می‌گیریم. در این ویدیو یاد می‌گیرید: ساخت کامپوننت ItemList.vue از پایه: ایجاد ساختار اولیه کامپوننت و آشنایی با بخش‌های template، script و style. نمایش داده‌های پویا با data() و v-for: نحوه تعریف داده‌های واکنش‌پذیر و استفاده از v-for برای نمایش لیست آیتم‌ها. پیاده‌سازی جستجوی پیشرفته با computed(): فیلتر کردن لیست بر اساس عبارت جستجو با استفاده از ویژگی‌های محاسباتی. فیلتر دسته‌بندی با methods(): اضافه کردن قابلیت فیلتر کردن لیست بر اساس دسته‌بندی‌های مختلف. ارتباط بین کامپوننت‌ها با props و emits: انتقال داده از کامپوننت والد به فرزند با props و ارسال رویداد از فرزند به والد با emits. استایل‌دهی حرفه‌ای با Tailwind CSS و @apply: استفاده از کلاس‌های utility Tailwind و @apply برای استایل‌دهی سریع و آسان کامپوننت. این ویدیو برای توسعه‌دهندگانی که می‌خواهند با Options API در Vue.js 3 آشنا شوند، پروژه‌های قدیمی‌تر Vue را درک کنند و یا مهارت‌های خود را در Vue.js بهبود بخشند، بسیار مفید است. کد کامل پروژه: https://github.com/unknownman/bw8-vue3-dashboad/tree/4