کاربرد vue js بییشتر برای چه کار هایه

سلام من خودم یه ماهی میشه با ویو کار میکنم، چیزی که تا الان فهمیدم اینه که تقریبا کاراییش مثل ری اکت هستش و کار کردن باهاش خیلی سادس و سرعت بالا و حجم پایینش نیازمند هر توسعه دهنده ایه البته یکی از اصلی ترین کارای ویو ساخت وبسایت های SPA (Single Page Application) هستش به معنای سایت تک صفحه ای که الان موضوع روبورسیه و با ویو این کارو خیلی ساده میشه انجام داد.
و نکته بعدیم اینه که با لاراول خیلی خوب کار میکنه و این یه امتیاز مثبته براش ، البته قابلیتایه دیگه ایم داره که تو این چند خط نمیشه توضیح داد.

@mhmdsh818
در رابطه با فرونت اند چطوریه و در چه حدیه

در حد جی کوئری هست و حتی تو یه زمینه هایی خیلیم بهتر .

@mehdi.vojodi
منم دقیقا با این سئوال مواجه هستم. هر بار هم که پیگیری کردم، دوستان میگن که باهاش میشه سایت های تک صفحه ای spa ساخت. که ازین پاسخ هم به درک درستی ازش نرسیدم.
البته همچنان قصد یادگیریش رو دارم، چون هنوز وقتش نرسیده برام، انقدر پیگیر نیستم.

امیدوارم دوستان مشارکت کنند و پاسخ جزئی تری بهمون بدن، این وبسایت تک صفحه ای رو هم بگن خودش به چه دردی میخوره که انقدر امتیاز محسوب میشه.

خب اگه بخوام درمورد spa توضیح مختصری بدم اینه که ما با این تکنولوژی میتونیم کاری کنیم که سایتمون بدونه این که رفرش بشه صفحش تغییر کنه ، خب سایتای معمولی از http request استفاده میکنن که این هم سرعت پایینی داره و هم تجربه کاربری خوبی نداره اما تو spa در خواست ها به صورت ajax صورت میگیره و این که فقط قسمتی که لازم به تغییر هست تغییر میکنه . برای مثال تو یه سایت برای اینکه مقاله ایو مطالعه کنید روی ادامه مطلب کلیک میکنید و در اینجا فقط مقاله در کسری از ثانیه برای شما حاضر میشود زیرا هدر ، فوتر و باقی قسمت ها ثابت میمانند و تغییری نمیکنند که این خود هم باعث سرعت کار میشود و هم تجربه کاربری همانند اپلیکیشن های موبایل به آدم دست میدهم. نکته بعدی هم این است که هر صفحه ای ک باز میکنیم تو گوشی فرد مورد نظر اطلاعات ذخیره شده و بعدا که مجدد خواستیم به اون صفحه مراجعه کنیم بدون هییچ وقفه ای برای ما لود میشود.

ببینید، VueJs یک فریم‌ورک جاوااسکریپتی کارآمد و سبک هستش که در چند سال اخیر بسیار معروف شده و دقیقا کلیه کارهای فرانت رو هم می‌تونه مدیریت کنه و اصلا کارش اینه...

آمار دانلود هفتگی این فریم‌ورک در npm حدود 768,000 است. این نشون دهنده رشد vue هست.

یکی از دلیل های معروف شدن این ابزار ساده بودن کار کردن با این فریم ورک هست. کارهای ساده‌ای رو که قبلا با jquery به سختی انجام میدادیم حالا با Vue براحتی و با کد کمتر انجام میشه..

از ویژگی های دیگه میشه به سایز بسیار کمش اشاره کرد.

وجود کتابخانه State managment ویو به نام VueX

و در مقایسه VueJs با ReactJs میشه گفت vue یه سری ایده هارو مثل virtual DOM رو از ری‌اکت گرفته اما تفاوت‌هایی هم دارند. شما برای React باید از سینتکس JSX استفاده کنید اما در Vue کدها همون html هستند و سرعت vue نسبتا کمی بیشتر هم هست.

و در آخر قابلیت ساخت SPA : به راحتی با Vue-Router میتونید این کار رو انجام بدید.

@milad

سرعت عزیزم. سرعت سایت تک صفحه بیشتره. الا اینستاگرام این همه ورودی داره و پر ترافیکه. اومدن تک صفحه ای کردن سرعتش بیشتر بشه.

سلام وقت بخیر
من حدودا یک سالی هست که با vuejs کار می کنم و یک پروژه حسابداری تحت وب هم با ویو تولید کردم . از نیازهای این پروژه ، کار به صورت آفلاین ، ذخیره سندهای ثبت شده توسط کاربر در مرورگر و ذخیره در انتهای کار در سرور ، استفاده از کلیدهای میانبر برای کار با امکانات صفحه ، اعمال تغییرات در اسناد در دل خود سند ( عدم باز شدن پنجره های متعدد ) و سرعت بالای لود و نمایش اطلاعات و ... بود .
در ابتدای پروژه اصلا تصمیم به استفاده از ویو نداشتم ولی هر چقدر بررسی کردم دیدم با جیکوئری نمی تونم تمام این قابلیت ها رو به راحتی ایجاد کنم و بعد هم توسعه بدم ، لذا سراغ شناسایی یک فریمورک مبتنی بر جاوا رفتم و بعد از بررسی های زیاد کار با ویو رو شروع کردم .
اگر در این متن امکان ارسال تصویر بود حتما خروجی کار رو براتون اسکرین شات می فرستادم تا متوجه بشید که چه کار زیبا و انعطاف پذیر و مشتری پسندی از کار درآومده .

در مجموع من ویو رو این طور توصیف می کنم :
1- هر صفحه وب از این اجزاء تشکیل شده : Html ، CSS ، JavaScript و Data
2- به طور معمول وقتی شما در محیط Asp یا php دارید سایت تولید می کنید ، موتور این برنامه ها تمام اجزاء صفحه را با هم ترکیب می کنند و صفحه را می سازند و به سمت مرورگر ارسال می کنند ، لذا شما به عنوان توسعه دهنده ، سمت مرورگر بر روی دیتای صفحه کار خاصی نمی تونید انجام بدهید چرا که با سایر اجزای صفحه مخلوط شده و در واقع در دل Html صفحه قرار گرفته و اگر هم بخواهید با اجزای صفحه تعامل داشته باشید و به رویدادهای کاربر واکنش نشان بدهید توسط جاوااسکریپت ( یا jQuery ) کارهای محدودی رو می تونید صورت بدید ، اینجاست که نیاز به یک فریم ورک مبتنی بر جاوااسکریپت خودش رو نشون میده .
3- فریم ورک های مبتنی بر جاوا اسکریپت ( انگولار ، ری اکت ، ویو یا ... ) مدیریت بخش Html , CSS , JavaScript رو از بخش Data جدا کردند ، لذا به شما به عنوان توسعه دهنده این امکان رو میدهند که از دیتای دریافتی بارها و بارها در جاهای مختلف و متناسب با نیاز پروژه استفاده کنید ( دیتا رو فیلتر کنید ، مرتب سازی کنید ، در دیتا جستجو کنید ، بخشی از دیتا رو برداشته و در صفحه ی دیگه ای مورد استفاده قرار بدید ، اگر در صفحه دیگه روی دیتا تغییر اتفاق افتاد در صفحه اصلی متوجه بشید و کلی کار دیگه )
4- حالا که بخش دیتا از سایر اجزاء صفحه جدا شده ، قابلیت لود یکباره Html , CSS , JavaScript برای فریم ورک وجود داره و این یعنی یک سایت تک صفحه ای ! این یعنی اینکه فریم ورک در یک حرکت Html , CSS , JavaScript تمام صفحات سایت رو دریافت می کنه ( که البته بسیار کم حجم هستند و به شدت هم قابلیت فشرده سازی دارند ) و بعد بسته به نیاز هر صحفه از سمت سرور دیتا رو تقاضا می ده و می گیره و در مخزن محلی خودش این دیتا رو نگهداری می کنه تا قابلیت استفاده مجدد داشته باشه و Html , CSS , JavaScript هر صفحه رو هم خودش سمت مرورگر کاربر داره ، لذا صفحه را با دیتا پر می کنه و به کاربر در مرورگرش نمایش میده .
5- این قابلیت فریم ورک های جاوااسکریپتی یک چالش هم داره و اون اینکه اگر کاربر از دکمه بک ( Back ) مرورگر استفاده کنه با خطا مواجه میشه چون صفحه قبلی رو مرورگر از سمت سرور لود نکرده که در حافظش مونده باشه و حالا بتونه به اون مراجعه کنه ، بلکه فریم ورک از محتویات در اختیار خودش لود کرده و در مرورگر نمایش داده !! برای حل این مشکل هم ، فریم ورک ها قابلیت مدیریت روت ( جابجایی بین صفحات ) رو ارائه می دهند ، یعنی در لحظه نمایش یک صفحه جدید ، آدرس داخل آدرس بار مرورگر رو هم بروزرسانی می کنند تا اگر کاربر دکمه بک رو زد و مرورگر به آدرس قبلی خودش مراجعه کرد ، اون رو دریافت و صفحه قبلی رو از محتویات در اختیار خودشون تولید و در مرورگر نمایش بدهند . این قابلیت برای گوگل هم بسیار مهم هست چرا بر اساس همین آدرس می تونه صفحه رو ایندکس کنه و در مراجعات بعدی هم با خطا مواجه نشه .
6- ارتباط دو یا چند طرفه بین اجزای صفحه هم بسیار کاربردی هست ! این یعنی اینکه دیگه لازم نیست شما مقدار درج شده کاربر داخل یک Input رو با دستورات جاوا به صورت دستی دریافت کنید و بعد در توابع مورد نظر استفاده کنید بلکه خود محیط فریم ورک با اتصال متغییری که برای این منظور تعریف کردید و به Input مورد نظر متصل کردید انجام میده . در واقع به محضی که کاربر در Input تغییر ایجاد کنه در متغییر ، درج میشه و شما می تونید ازش استفاده کنید . همچنین شما هم اگر تغییری در متغییر ایجاد کنید در Input نمایش داده میشه و نیاز به انجام کار اضافه ای از جانب شما نیست .
7- استفاده از DOM مجاز در ویو هم بسیار کاربردی بود ! این هم یعنی اینکه اگر در قسمتی از صفحه نیاز هست تغییر ایجاد کنید مرورگر نیاز نداره کل صفحه رو مجدد رندر کنه ، فقط همون قسمت رو رندر و تغییر میده . این در سرعت کار صفحه بسیار موثر هست . به عنوان مثل من وقتی روی آیکون ویرایش کلیک می کنم مایلم سطر جاری به حالت قابل ویرایش برای کاربر نمایش داده شود و این کار در ویو به راحتی آب خوردن انجام می شود .

در این رابطه هنوز هم مطالب دارم ولی تا اینجا هم خیلی زیاد شد ( خودش یک مقاله شد ) . هدف این بود که متوجه بشید این فریم ورک ها بسیار مفید و کاربردی هستند و به خصوص ویو که من باهاش کار کردم به شدت ساده ، کاربردی ، انعطاف پذیر و البته قدرتمند هست .
امیدوارم این مطلب برای شما مفید بوده باشد .