آشنایی با اصول Pinia در Vue

در این دوره با ساخت یک اپلیکیشن ساده لیست Todo، اصول Pinia، کتابخانه مدیریت state جدید Vue را می آموزید.

Pinia چیست؟

در این دوره اصول Pinia، نحوه استفاده از Pinia، کتابخانه رسمی مدیریت state در Vue را بررسی خواهیم کرد.

ما یاد می گیریم که Pinia چیست، چگونه آن را راه اندازی کنیم و حتی یک اپلیکیشن ساده لیست Todo می سازیم تا بتوانیم استفاده از آن را تمرین کنیم.

در این دوره موارد زیر را پوشش خواهیم داد:

• Pinia برای چیست؟
  • ما یک مدل ذهنی روشن برای نحوه عملکرد آن ایجاد خواهیم کرد.
• آنچه از این دوره یاد خواهید گرفت؟
• آنچه خواهید ساخت؟

Pinia برای چیست؟

برای شروع - Pinia برای چیست؟

Pinia برای کمک به مدیریت state استفاده می شود. منظور ما از state چیست؟ در یک اپلیکیشن، برخی از مواردی که روی صفحه نمایش می بینید تغییر نمی کنند. اما موارد دیگر باید بر اساس شرایط خاص تغییر می کنند.

برای مثال، اگر کاربری لاگین نکرده باشد، ممکن است دکمه‌ ای را به او نشان دهیم که می‌ گوید «لاگین کنید». اما اگر قبلا لاگین کرده باشند، ممکن است آن دکمه را پنهان کنیم. دکمه رندر شده بستگی به state لاگین یا عدم لاگین کاربر دارد.

اکنون که ایده ای از state دارید، این سوال مطرح می شود که چگونه state را در سراسر اپلیکیشن Vue پر از کامپوننت مدیریت کنیم؟ از نظر فنی، می‌ توانیم state محلی را روی هر کامپوننت در ویژگی داده یا ref واکنش گرا ذخیره کنیم، اما وقتی یک کامپوننت نیاز دارد چیزی در مورد state خود به یک کامپوننت در یک بخش کاملا متفاوت از درخت کامپوننت منتقل کند، چه کار می‌ کنیم؟