در این مقاله میخواهیم ببینیم vue چی هست و چطور با لاراول مچ میشه و کار میکنه و اصلا چرا باید در کنار Laravel از Vue.js استفاده کنیم ؟
اگر از نسخه های جدید لاراول استفاده کرده باشید مطمئنا دیدید که در بسته ی لاراول فریمورک Vue.js و چیزهایی مثل Bootstrap و jQuery بصورت bundle درون لاراول قرار گرفته است .
همچنین اگر به مستندات لاراول نگاهی بکنید میبینید که در مستندات لاراول درباره ی کامپوننت های ویو گفته شده است پس به نظرتون این به این معنی نیست که لاراول ، فریمورک Vue.js را دوس داره ؟
بطور خلاصه << Vue.js یک فریمورک پیش رونده برای ، برای ساختن فرانت اند وب سایت ها میباشد >>
Vue در هسته اصلی آن فقط روی لایه نمای یک برنامه متمرکز شده است ، بنابراین ادغام با سیستم عامل های دیگر یا برنامه های موجود بسیار آسان است. همچنین می توانید به تنهایی از Vue استفاده کنید تا برنامه های تک صفحه ای پیشرفته بسازید.
اگر قبل از دوره چارچوبهای جلویی JavaScript برای وب برنامه نویسی کرده اید ، می فهمید که مشکلات و ناکارآمدی های قابل توجهی وجود دارد که از تلاش برای به روزرسانی Model Object Model (DOM) ناشی می شود.
برای به روزرسانی DOM به طور مستقیم به این معنی است که باید صفحه را بگیرید ، بخش کوچکی از آن را تغییر دهید ، سپس کل DOM را بارگیری مجدد کنید تا این تغییرات موثر واقع شوند. اگر بگویید که شما در حال تماشای یک ویدیوی YouTube هستید و نظر جدیدی وجود دارد ، کل صفحه بارگیری مجدد می شود و فیلم شما مجدداً شروع می شود.
Vue سعی می کند با استفاده از DOM مجازی برای مدیریت نمایی که کاربر می بیند ، این چالش ها را حل کند. Vue اساساً نسخه ای از DOM را ایجاد می کند و آن را ذخیره می کند. وقتی تغییری در هر قسمت از DOM ایجاد شد ، فقط آن بخش از DOM را بدون بارگذاری مجدد DOM به روز می کنید. این بدان معنی است که نظرات بدون اینکه حتی متوجه آن شوید ، به روز می شوند.
Vue اجزای نمای واکنش پذیر و سازگار را فراهم می کند. Vue به رویدادها پاسخ می دهد و فوراً تغییراتی را در DOM ایجاد می کند. اجزای سازنده آن می توانند در ترکیب های مختلف انتخاب شوند و مونتاژ شوند تا بتوانند هر چه نیاز ایجاد شود را برآورده سازند. برای همه چیز می توانید اجزای سازنده داشته باشید و در هر صورت از آنها استفاده مجدد کنید.
این یک سؤال است که برای پاسخ به آن باید وقت خود را صرف کنید. این مهم است که بفهمید Vue چه پیشنهادی دارد و این برای کار شما چه معنایی دارد.
ما قصد داریم چند دلیل برای استفاده شما از Vue با Laravel را کشف کنیم.
برنامه های کاربردی در اینترنت امروز محور رویداد هستند. آنها ساخته شده اند تا اطمینان حاصل شود که کاربران در صورت استفاده از برنامه نصب شده بر روی رایانه خود ، یک تجربه یکپارچه را دوست دارند.
همه چیز اکنون در قسمت جلویی اتفاق می افتد و کاربران هرگز مجبور نیستند بار دیگر صفحه را بارگذاری مجدد کنند (با تشکر از شما جاوا اسکریپت).
Vue به شما امکان می دهد تا یک برنامه کاربردی در مقیاس کامل بسازید که به صورت رویداد محور باشد و کلیه فعالیت ها را به صورت کامل در جبهه انجام دهد. همچنین اجزای سازنده ای را ارائه می دهد که می توانند مورد استفاده قرار گیرند. با توجه به اینکه با لاراول به خوبی زوج می شود ، فقط لازم است چند بار سفر کنید تا داده های برنامه Laravel خود را درخواست کرده و UI را با تعویض قطعات بدون بارگذاری مجدد صفحه تغییر دهید.
شما می توانید با استفاده از ظاهر Vue بدون درز باعث تغییر UI شوید که به نوبه خود تجربه شگفت انگیزی را به کاربران شما می دهد. این می تواند به سادگی ساخت متن در صفحه شما قابل ویرایش یا تعویض یک مؤلفه کامل باشد تا بتوانید ویدئویی را که توسط کاربر بدون بارگذاری مجدد صفحه بارگیری شده است بارگیری کنید.
با توجه به سرعت و کارایی Vue ، این اتفاق خیلی سریع و هموار اتفاق می افتد بدون این که از منابع رایانه خود استفاده کنید.
اگر به ساخت برنامه ای با بخش هایی که باید به روزرسانی مکرر کنید فکر می کنید ، چاره ای جز این ندارید که جلوی اول را به طور کامل روی JavaScript اجرا کنید.
چالشی که در مورد وانیل جاوا اسکریپت یا jQuery یا سایر کتابخانه های JavaScript که دارای DOM مجازی نیستند ، این است که شما به سرعت مشکلات مربوط به عملکرد را با فرکانس افزایش به روزرسانی مواجه می کنید یا حجم داده ها برای ردیابی تغییرات تغییر می کند. تغییرات در DOM به تدریج لحظه به لحظه متوقف می شوند و شما شروع به تجربه وقفه های قابل توجه عملکرد می کنید.
وقتی برنامه خود را با مؤلفه های Vue تنظیم می کنید ، وابستگی های هر مؤلفه به طور خودکار در طول ارائه آن ردیابی می شود ، بنابراین سیستم دقیقاً می داند که هنگام تغییر داده ها ، کدام مؤلفه در واقع باید به روز شود. این باعث می شود که تمام به روزرسانی های DOM از حداقل منابع استفاده کنند و در نتیجه بازده کلی برنامه را بهبود ببخشند.
Vue همچنین با مدیران ایالتی مانند Flux ، Redux و Vuex سازگار است که در مدیریت جریان داده ها در برنامه های پیچیده عالی هستند. استفاده Vue از یک مدل اتصال داده به صورت یک طرفه همچنین مدیریت دولت را در برنامه های پیچیده آسانتر می کند.
درباره این سایت