تا اینجای کار به خوبی جلو آمده ایم اما برنامه ی ما هیچ نوع state management ای ندارد بنابراین ادامه ی کار سخت شده است. در این جلسه می خواهیم VueX را روی پروژه ی خود پیاده سازی کنیم تا این مشکل برطرف شود. قدم اول برای این کار نصب vuex با کد زیر است: npm install –save vuex در مرحله ی بعدی به پوشه ی Src رفته و درون آن پوشه ی جدیدی به نام store می سازیم که خودش حاوی فایلی به نام Store.js باشد. اولین کاری که باید انجام بدهیم، وارد کردن vue و vuex درون این فایل است. حالا می توانیم درون این state و actions و mutations و غیره را تعریف کنیم. من از State شروع می کنم. من دوست دارم دو ماژول داشته باشم: یکی برای portfolio و دیگری برای stocks. با این حساب در این فایل (Store.js) چیزی از State نمی نویسم، بلکه یک پوشه ی دیگر درون Store ایجاد می کنم که modules نام دارد. این پوشه حاوی فایلی به نام Stocks.js است و باید درون آن state مربوط به stocks را بنویسم.
پنل نویسندگان