به فصل جدید دوره ی آموزشی Vue.js خوش آمدید. در این فصل می خواهیم برخی از ویژگی هایی را که در فصل های قبل یاد گرفته ایم، در یک پروژه پیاده سازی کنیم. این پروژه یک وب سایت ساده ی خرید و فروش سهام است که ظاهر زیر را دارد. ما نام این وب سایت را stock trader گذاشته ایم و می خواهیم در آن خرید و فروش سهام را داشته باشیم. در لینک دوم portfolio را داریم که سهام های خریداری شده توسط ما را نشان می دهد. لینک سوم stocks است که تمام سهام های موجود برای خرید را در آن خواهیم دید. همچنین در سمت راست End Day را داریم که با کلیک روی آن به روز بعد می رویم. طبیعتا با رفتن به روز بعد ممکن است سهام یا سقوط کند یا اینکه ارزش هر سهم بیشتر شود. در قسمت بعد save & load را داریم. این قابلیت به ما اجازه می دهد که یک روز خاص را ذخیره (Save) کنیم تا اگر در روز بعد سهام ما به شدت سقوط کرد، بتوانیم روز قبلی را load (بارگذاری) کنیم و پول خود را از دست ندهیم. در نهایت funds را داریم که سرمایه ی ما را نشان می دهد. برای شروع این پروژه یک فایل آماده را در اختیار شما می گذارم که باید آن را از این لینک دانلود نمایید. با نگاه به این برنامه می توان حدس زد که یک کامپوننت جداگانه را برای header می خواهیم که لینک navigation ما است. سپس سه route جداگانه را داریم:
پنل نویسندگان