ما در قسمت قبل منوی آبشاری خود را تکمیل کرده و firebase را نیز راه اندازی کردیم. در این جلسه نوبت به پیاده سازی منطق لازم برای ذخیره ی داده ها یا همان دکمه ی save و سپس بارگذاری آن ها یا دکمه ی Load است. حتما یادتان است که منوی آبشاری ما دو دکمه ی save (ذخیره ی قیمت ها) و load (بارگذاری قیمت ها) را دارد (فایل Header.vue). من می خواهم در این جلسه با دکمه ی Save شروع کنم بنابراین اولین کاری که باید انجام بدهیم، تعریف یک متد برای این دکمه است. بنابراین هر زمان که روی دکمه ی save data کلیک شود، متدی به نام saveData اجرا خواهد شد. البته فعلا چنین متدی را نداریم بنابراین به قسمت methods در همین فایل رفته و آن را تعریف می کنیم. متد saveData در قدم اول یک شیء به نام data را می سازد. این شیء خصوصیات funds و stockPortfolio و stocks را می گیرد و در خودش قرار می دهد. صدا زدن action و mutation در اینجا عاقلانه نیست چرا که وظیفه ی اصلی mutation ها تغییر State است اما برای ذخیره ی داده ها در پایگاه داده، state تغییر نمی کند بنابراین ساختن یک شیء ساده به شکل بالا بهتر است. در مرحله ی بعد باید به Vue-resource بگوییم که این داده را به پایگاه داده ی ما ارسال کند:
پنل نویسندگان