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

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

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

استفاده از Namespaceها در VueX

حالا که در مورد ساختار دهی به فایل store و ماژولار کردن آن صحبت کرده ایم باید به سراغ مشکلی برویم که ممکن است برای همه پیش بیاید: تداخل اسامی. بگذارید برایتان یک مثال بزنم. ما در فایل counter.js کد زیر را داریم. یعنی یکی از getter های ما doubleCounter نام دارد. حالا اگر به فایل getters.js برویم و نام آن getter را (که الان value است) به doubleCounter تغییر بدهیم چه اتفاقی می افتد؟ اگر این کد را ذخیره کرده و در مرورگر اجرا کنیم، خطای زیر را در کنسول دریافت می کنیم. بنابراین اجازه نداریم که چنین کاری را انجام بدهیم. من getter بالا را به نام اصلی خودش (value) برمی گردانم. همیشه یادتان باشد که تمام این getter ها و setter ها و mutation ها و غیره، در یک namespace قرار دارند چرا که در نهایت در فایل store.js در هم ادغام می شوند. برای برنامه های کوچک یا متوسط نیازی به نگرانی نیست و می توانیم برای هر کدام از getter ها و setter ها و غیره یک نام خاص را انتخاب کنیم. برای برنامه های بزرگ تر نیز می توانید این کار را انجام بدهید اما ممکن است آزاردهنده باشد. من می خواهم روشی را به شما معرفی کنم که به شما کمک می کند تا نام های تکراری داشته باشید!