رفرش شدن در vuejs
سلام دوستان
میشه راهنمایی کنید که دقیقا سایتایی عین راکت که با vue زده شدن که صفحاتشون رفرش میشه موقع تغییر url و سایتایی که دقیقا برعکس کار میکنن و فقط url تغییر میکنه رو توضیح بدین تفاوتشون کجاس و روش پیاده سازیشون چه تفاوتی با هم دارند؟🙏
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
اگه منظورتونو خوب متوجه شده باشم سایتهایی که صفحه refresh میشه سایت های multipage application هستش که از دستورات ajax استفاده نمیکنه ولی سایت هایی که فقط url تغییر میکنه سایت های single page application هست که کل سایت تو یک صفحه پیاده سازی شده و از دستورات ajax استفاده میکنه و مثلا ممکنه یک قسمت از صفحه تغییر کنه نه اینکه کل صفحه دوباره refresh بشه
@khosravi424
الان مثلا راکت از router های vue استفاده کرده؟ یا چون multiple page application هست خیر؟
@iehsan
سلام و وقت بخیر
ما تو ویو یه نوع اپلیکیشن داریم به نام spa ، یعنی single page application , حالا این یعنی چی ؟ یعنی با کلیک روی یک لینک برای رفتن به صفحه ی دیگه ، فقط یک بخش مشخصی از سایت ریلود میشه که این با AJAX انجام میشه . و بخشی از سایت که نیازی به ریلود نداره سرجاش ثابته ، این spa رو باید با vue-router بسازید.
MPA ها هم که دیگه تکلیفشون معلومه و نیازی به توضیح ندارن
موفق و سلامت باشید
یا حق
خب ببینید وقتی سایتی طراحی میکنید بعضی جاها باید از دستورات ajax استفاده کنید و بعضی جاها باید صفحه refresh شه و از روت استفاده کنید مثلا از یه موضوع میخواین برین یه موضوع دیگه که هیچ ربطی به هم ندارن خب باید اینجا از route استفاده کنید اما مثلا میخواین تو یک صفحه فرضا با کلیک کردن رو یک دکمه اطلاعات بیشتری درباره ی اون موضوع ظاهر شه که بهم ربط دارن خب اینجا باید از دستورات ajax استفاده کنی که صفحه رفرش نشه.
@khosravi424
@TimeRunner2359
پس با این روال MPA کمپوننت محور نیست درسته؟
پروژه نمونه ای با روش MPA سراغ ندارین ک ساختارش رو ببینیم؟
@hesammousavi
راکت MPA هست؟
نگاه کنید من خودم از موقعی که ویو را یاد گرفتم دارم ازش داخل لاراول استفاده میکنم. و بیشتر هم به صورت MPA ازش استفاده کردم.
حالا روش استفادم چجوری هست ؟ اومدم یک فایل جاوااسکریپت ساختم به نام مثلا app.js این فایل هرجایی که به ویو نیاز داشته باشم لود میکنم.
داخل این فایل هرچی کامپوننت نیاز داشته باشم به instance ویو خودم اضافه کردم. و اکثر کامپوننت هام قابل دسترس هست.
یک المنت دیفالتم مثل #app به ویو دادم و داخل هر صفحه ای که میخوام از ویو استفاده کنم میام یک تگ پدر بهش این آی دی میدم بعد از کامپوننت هایی که تعریف کردم داخل ویو داخل صفحم استفاده میکنم.
به همین سادگی
ما توی vue.js سه تا مفهوم استاندارد داریم و یه سری روش های دستی.
روش های استادارد :
1- spa :
سایت spa یه صفحه هست و فقط محتوا تغییر میکنه و خبری از رفرش نیست. مشکل این سایت ها seo ضعیف هست.
2- ssr :
سایت ssr مشکل spa رو حل کرده و وقتی مسیر عوض میشه صفحه بعد رو سرور رندر میکنه و به مرورگر میده. پس رفرش رو داریم و هیچ محدودیتی برای seo نداریم. توی vue به شدت استفاده از فریم ورک nuxt رو توصیه میکنم
3- static :
تقریباً میشه گفت همون ssr هست که شما مسیر هاتون و صفحاتتون همیشه ثابت و از قبل ساخته شده و محدود هست و بیشتر برای سایت های شخصی و کوچیک استفاده میشه و از اسمش مشخصه که کاربردش چه شکلی هست.
اما عده ای از vue.js توی صفحاتشون استفاده میکنن که این کار مثل اینه که شما بنز داری و وقتی میخوای سوارش بشی میری نیسانت رو میاری و بنزت رو میزاری پشت نیسان و میری رانندگی با بنز!
@iehsan
SPA یا single-page application (برنامه های تک صفحه ای)
MPA یا multi-page application (برنامه های چند صفحه ای)
بستگه داره شما بخواید mpa رو چجوری بسازید. موافق mpa هست و به شدت دوستش دارم اما اگه اصولی و جدا از بکند باشه
مثل nuxt و next
@ashkannazari248
منظورتون از این که میگین جدا از بک اند باشه چیه؟
انگار roocket هم آپدیت شد و spa شد درسته؟
یعنی شما دوتا پروژه جدا از هم داشته باشید که یکی فرانت هست و یکی بکند. هر کدوم روی پورت خودش کار میکنه و بکند دخالتی توی فرانت نداره و فرانت میتونه با api از بکند اطلاعات رو بگیره. نمیدنم منظورم رو متوجه شدید یه نه. مثلاً توی لاراول عده ای میان از vue توی php استفاده میکنن که به نظر من اصلاً قشنگ نیست و جاش باید از ssr استفاده کرد
بله. ظاهراً راکت داره از framework جاوااسکریپتی به اسم Alpine.js استفاده میکنه و spa شده. قبلاً با vuejs بود