رفتن به نوشته‌ها

دسته: Vue js (ویو جی اس)

فریم‌ورک‌های فراوانی برای توسعه‌دهندگان سمت کاربر (Front-End) وجود دارند که هریک بسته به نیاز و سبک کدنویسی، انتخاب می‌شوند. امروزه توسعه‌دهندگان به دنبال فریم‌ورک‌هایی هستند که علاوه بر قواعد ساختاری قدرتمند، روند آموزشی ساده‌ای داشته باشند. فریم‌ورک Vuejs (با تلفظ ویو‌جی‌اس) یکی از بهترین‌ها در نوع خودش است.

اضافه‌کردن منطق دکمه‌ی Buy

حالا که Stock های خودمان را با موفقیت نمایش داده ایم، نوبت به پاس دادن مقادیر واقعی به آن ها می رسد. در حال حاضر هیچ مقداری واقعا از آرایه ی stocks به سمت هر stock ارسال نمی شود بلکه متن های عادی مانند PRICE و NAME را برای هر کدام قرار داده ایم. با این حساب مرحله ی اول پاس دادن هر کدام از اعضای آرایه ی stocks به هر stock است. برای این کار می توانیم از props استفاده کنیم که در فصل های اول با آن آشنا شدیم. در ابتدا به فایل Stocks.vue رفته و می گوییم. برای پاس دادن prop ها کافی بود نام دلخواه خود را انتخاب کرده و آن را به صورت یک attribute به کامپوننت مورد نظر بدهیم. البته یادتان باشد که حتما باید علامت دو نقطع (v-bind) را برایش گذاشته باشیم. در مرحله ی بعد به فایل Stock.vue می رویم و این prop را دریافت می کنیم: