قسمت پنجم : Composition API در Vue 3: بازسازی کامپوننت لیست با فیلتر و جستجو
۱۴۰۳/۱۰/۲۳
13:50
#[object Object] #[object Object] #[object Object] #[object Object] #[object Object] #[object Object] #[object Object] #[object Object] #[object Object] #[object Object] #[object Object] #[object Object] #[object Object] #[object Object] #[object Object] #[object Object] #[object Object] #[object Object] #[object Object] #[object Object] در قسمت پنجم از سری آموزشهای جامع Vue.js 3، به سراغ Composition API، رویکرد پیشنهادی و مدرن Vue برای سازماندهی منطق کامپوننتها میرویم. در این ویدیو، کامپوننت لیستی که در قسمت قبل با Options API ساختیم را با استفاده از Composition API پیادهسازی میکنیم و به صورت عملی تفاوتها و مزایای این دو رویکرد را بررسی میکنیم.
در این ویدیو یاد میگیرید:
پیادهسازی کامل کامپوننت ItemList.vue با Composition API و script setup
نحوه تعریف دادههای واکنشپذیر با ref
پیادهسازی جستجو با computed
فیلتر کردن لیست بر اساس دستهبندی با توابع معمولی
بهینهسازی عملکرد با watchEffect و تکنیک debounce (پیادهسازی بدون کتابخانه خارجی)
دریافت داده از کامپوننت والد با defineProps
ارسال رویداد به کامپوننت والد با defineEmits
این ویدیو برای توسعهدهندگانی که میخواهند با Composition API در Vue.js 3 آشنا شوند، کدنویسی بهتری داشته باشند و سرعت توسعه خود را افزایش دهند، بسیار مفید است.
کد کامل پروژه در GitHub: https://github.com/unknownman/bw8-vue3-dashboad/tree/5
پلیلیست کامل آموزش Vue.js 3: : https://www.youtube.com/playlist?list=PLr5b_fwV98wAy1D1JifuSYvS8qzKd9Vfp