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

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

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

پیاده‌سازی Getters برای ماژول Portfolio در VueX

در جلسه ی قبل موفق شدیم که mutation های فایل portfolio.js (پوشه ی modules) را بنویسیم که کد های نسبتا ساده ای بودند اما در این جلسه باید به سراغ getter ها برویم که تعریفشان خیلی سخت نیست اما نکته ی جالبی دارند. ما باید دو getter داشته باشیم: یک Getter برای دریافت funds و getter دیگری برای دریافت سهام های خریداری شده توسط ما (سهام های داخل portfolio که از کل سهام های موجود جدا هستند). مشکل اینجاست که در جلسه ی قبل برای BUY_STOCK کد زیر را نوشتیم. یعنی هنگام خرید سهام، شیء ای که در آرایه ی stocks ذخیره می شود فقط حاوی id و quantity است. البته شما می توانستید در این قسمت name و price و غیره را نیز اضافه کنید اما من آن را بدین شکل نوشته ام. با این حساب اگر Getter ما برای portfolio فقط state.stocks را برگراند، فقط id و quantity را خواهیم داشت که کافی نیست. ما باید در قسمت portfolio علاوه بر id و quantity، مقادیر دیگری نیز داشته باشیم.