قسمت سوم : آشنایی با بخش Script ؛ بررسی ساختار یک کامپوننت

به قسمت سوم از سری آموزش‌های جامع Vue.js 3 خوش آمدید. در قسمت‌های قبلی با مفاهیم اولیه Vue و بخش Template در کامپوننت‌ها آشنا شدیم. در این قسمت به بررسی بخش بسیار مهم Script در کامپوننت‌های Vue می‌پردازیم. بخش Script، جایی است که منطق اصلی برنامه‌ی ما در آن نوشته می‌شود و رفتار و تعامل کامپوننت با سایر بخش‌های برنامه را تعیین می‌کند. در این ویدیو به طور مفصل به موارد زیر خواهیم پرداخت: بخش Script چیست؟ توضیح خواهیم داد که بخش Script چه نقشی در ساختار یک کامپوننت Vue دارد و چگونه با Template و Style در ارتباط است. داده‌های واکنش‌گرا (Reactive Data): نحوه تعریف داده‌هایی که با تغییر آن‌ها، رابط کاربری به صورت خودکار به‌روزرسانی می‌شود را با استفاده از data در Options API و ref در Composition API به شما آموزش می‌دهیم. متدها (Methods): روش تعریف توابعی که می‌توانند رویدادها را مدیریت کنند و وضعیت کامپوننت را تغییر دهند را بررسی خواهیم کرد. Options API vs. Composition API: دو روش اصلی کدنویسی در بخش Script را با مثال‌های عملی مقایسه و بررسی می‌کنیم و مزایا و معایب هر کدام را توضیح می‌دهیم. ساختار کامپوننت‌ها و ثبت آنها: به صورت مختصر به ساختار سلسله مراتبی کامپوننت‌ها و چگونگی ثبت آنها به صورت محلی و سراسری می‌پردازیم. معرفی Props، Events و Slots: مفاهیم کلیدی Props (انتقال داده به کامپوننت فرزند)، Events (ارتباط کامپوننت فرزند با والد) و Slots (توزیع محتوا در کامپوننت‌ها) را به صورت مقدماتی معرفی می‌کنیم. در این قسمت، یک مثال ساده شمارنده را با هر دو روش Options API و Composition API پیاده‌سازی می‌کنیم تا به خوبی با این دو رویکرد آشنا شوید. تمرکز اصلی ما در این دوره بر روی Composition API خواهد بود، اما Options API را نیز برای درک بهتر و کار با پروژه‌های قدیمی‌تر بررسی خواهیم کرد. اگر می‌خواهید با قلب تپنده کامپوننت‌های Vue.js یعنی بخش Script به طور کامل آشنا شوید، این ویدیو را از دست ندهید. ویدیو رو لایک کنید، سوالات و نظراتتون رو در بخش کامنت‌ها بنویسید و برای ویدیوهای آموزشی بیشتر، کانال ما رو سابسکرایب کنید. قسمت قبلی : https://youtu.be/KcQ6FkzLnNE دوره آموزش Vue 3 : https://www.youtube.com/playlist?list=PLr5b_fwV98wAy1D1JifuSYvS8qzKd9Vfp