آشنایی با تفاوت پراپرتی های METHODS,WATCHERS,COMPUTED در Vue

بعد از مدت ها با یه پست اومدم خدمت شما اونم چه پستی :))) راجب Vue جان عزیزم، که تو اینجا میذارم تا هم خودم یاد بگیرم هم شاید بتونه به شما کمکی بکنه در درک بهتر Vue

ویو جی اس (Vue.js) استفاده از METHODSها،WATCHERS ها و COMPUTED پراپرتی هارو برامون فراهم کرده. اما چطور تشخیص بدیم که کی از کدوم استفاده کنیم؟؟ با من همراه باشین.

زمان استفاده از METHODS

  • زمانی که میخواین یه واکنشی نسبت به Event هایی که در DOM میفته نشون بدین.
  • برای صدا زدن یک فانکشن زمانی که یه اتفاقی قرار تو component شما بیفته. شما میتونید یک متد رو از computed properties یا watchers صدا بزنید.

زمان استفاده از COMPUTED PROPERTIES

  • زمانی که شما احتیاج دارین یک دیتای جدید از دیتا هایی که الان دارین بسازین.
  • زمانی که شما یک متغییری دارین که در template تون استفاده کردن، که این متغییر از یک یا چند data properties ساخته شده.
  • زمانی که شما میخواین از پیچیدگی ها کم کنین، پراپرتی های تو در تو قابلیت خوانایی بیشتر داشته باشن و استفاده از اون ها راحت بشه، اونو آپدیت مکنین زمانی که پراپرتی اصلی تغییر میکنه.
  • زمانی که شما لازمه یک مقدار رو ارجاع بدین به template. در این مواقع، ساختن یک computed property بهترین کاریه که میتونین بکنید چرا که اون ذخیره یا cache میشه.
  • زمانی که شما لازمه تغییراتی بیشتر از یک دیتا property رو بررسی کنید.


زمان استفاده از WATCHERS

  • زمانی که شما میخواین تغییرات دیتا property رو بررسی کنین و یک سری عمل رو انجام بدین.
  • شما میخواین تغییرات prop value رو بررسی کنین.
  • شما فقط نیاز دارین یک property خاص بررسی کنین( شما نمیتونین از watch برای properties های چندگانه (multiple ) در یک زمان استفاده کنید.)
  • زمانی که شما میخواین یک دیتا پراپرتی رو watch کنید تا زمانی که به یک مقدار مشخصی که شما میخواین برسه و بعد یک سری کار رو انجام بدین.

امیدوارم این مطلب براتون مفید بوده باشه، آیا شما هم با این سه مورد تو Vue.js کار کردین؟ موردی هست که بخواین اضافه کنید بهش؟ خوشحال میشم نظراتتون رو در پایین پست ببینم و باهم بیشتر صحبت کنیم. :)