احسانم
4 سال پیش توسط احسانم مطرح شد
13 پاسخ

رفرش شدن در vuejs

سلام دوستان
میشه راهنمایی کنید که دقیقا سایتایی عین راکت که با vue زده شدن که صفحاتشون رفرش میشه موقع تغییر url و سایتایی که دقیقا برعکس کار میکنن و فقط url تغییر میکنه رو توضیح بدین تفاوتشون کجاس و روش پیاده سازیشون چه تفاوتی با هم دارند؟🙏


ثبت پرسش جدید
سهیل حیدری
@hbr 4 سال پیش مطرح شد
1

اگه منظورتونو خوب متوجه شده باشم سایتهایی که صفحه refresh میشه سایت های multipage application هستش که از دستورات ajax استفاده نمیکنه ولی سایت هایی که فقط url تغییر میکنه سایت های single page application هست که کل سایت تو یک صفحه پیاده سازی شده و از دستورات ajax استفاده میکنه و مثلا ممکنه یک قسمت از صفحه تغییر کنه نه اینکه کل صفحه دوباره refresh بشه


احسانم
تخصص : توسعه دهنده وب
@iehsan 4 سال پیش مطرح شد
0

@khosravi424
الان مثلا راکت از router های vue استفاده کرده؟ یا چون multiple page application هست خیر؟


احسان قربانی
تخصص : PHP ، در حال یادگیری لاراول ،...
@TimeRunner2359 4 سال پیش مطرح شد
1

@iehsan
سلام و وقت بخیر
ما تو ویو یه نوع اپلیکیشن داریم به نام spa ، یعنی single page application , حالا این یعنی چی ؟ یعنی با کلیک روی یک لینک برای رفتن به صفحه ی دیگه ، فقط یک بخش مشخصی از سایت ریلود میشه که این با AJAX انجام میشه . و بخشی از سایت که نیازی به ریلود نداره سرجاش ثابته ، این spa رو باید با vue-router بسازید.
MPA ها هم که دیگه تکلیفشون معلومه و نیازی به توضیح ندارن
موفق و سلامت باشید
یا حق


سهیل حیدری
@hbr 4 سال پیش مطرح شد
1

خب ببینید وقتی سایتی طراحی میکنید بعضی جاها باید از دستورات ajax استفاده کنید و بعضی جاها باید صفحه refresh شه و از روت استفاده کنید مثلا از یه موضوع میخواین برین یه موضوع دیگه که هیچ ربطی به هم ندارن خب باید اینجا از route استفاده کنید اما مثلا میخواین تو یک صفحه فرضا با کلیک کردن رو یک دکمه اطلاعات بیشتری درباره ی اون موضوع ظاهر شه که بهم ربط دارن خب اینجا باید از دستورات ajax استفاده کنی که صفحه رفرش نشه.


سهیل حیدری
@hbr 4 سال پیش مطرح شد
3

معمولا پنل های کاربری سایت ها spa هست و صفحات اصلی سایت ها mpa هست


احسانم
تخصص : توسعه دهنده وب
@iehsan 4 سال پیش آپدیت شد
0

@khosravi424
@TimeRunner2359
پس با این روال MPA کمپوننت محور نیست درسته؟
پروژه نمونه ای با روش MPA سراغ ندارین ک ساختارش رو ببینیم؟

@hesammousavi
راکت MPA هست؟


احسان قربانی
تخصص : PHP ، در حال یادگیری لاراول ،...
@TimeRunner2359 4 سال پیش مطرح شد
1

@iehsan
چرا میشه MPA رو به صورت کامپوننت محور ساخت ، مثل راکت


AriaieBOY
تخصص : TALL Stack Lover
@ariaieboy 4 سال پیش مطرح شد
1

نگاه کنید من خودم از موقعی که ویو را یاد گرفتم دارم ازش داخل لاراول استفاده میکنم. و بیشتر هم به صورت MPA ازش استفاده کردم.
حالا روش استفادم چجوری هست ؟ اومدم یک فایل جاوااسکریپت ساختم به نام مثلا app.js این فایل هرجایی که به ویو نیاز داشته باشم لود میکنم.
داخل این فایل هرچی کامپوننت نیاز داشته باشم به instance ویو خودم اضافه کردم. و اکثر کامپوننت هام قابل دسترس هست.
یک المنت دیفالتم مثل #app به ویو دادم و داخل هر صفحه ای که میخوام از ویو استفاده کنم میام یک تگ پدر بهش این آی دی میدم بعد از کامپوننت هایی که تعریف کردم داخل ویو داخل صفحم استفاده میکنم.
به همین سادگی


اشکان نظری
تخصص : برنامه نویس
@ashkannazari248 4 سال پیش آپدیت شد
1

ما توی vue.js سه تا مفهوم استاندارد داریم و یه سری روش های دستی.
روش های استادارد :
1- spa :
سایت spa یه صفحه هست و فقط محتوا تغییر میکنه و خبری از رفرش نیست. مشکل این سایت ها seo ضعیف هست.
2- ssr :
سایت ssr مشکل spa رو حل کرده و وقتی مسیر عوض میشه صفحه بعد رو سرور رندر میکنه و به مرورگر میده. پس رفرش رو داریم و هیچ محدودیتی برای seo نداریم. توی vue به شدت استفاده از فریم ورک nuxt رو توصیه میکنم
3- static :
تقریباً میشه گفت همون ssr هست که شما مسیر هاتون و صفحاتتون همیشه ثابت و از قبل ساخته شده و محدود هست و بیشتر برای سایت های شخصی و کوچیک استفاده میشه و از اسمش مشخصه که کاربردش چه شکلی هست.

اما عده ای از vue.js توی صفحاتشون استفاده میکنن که این کار مثل اینه که شما بنز داری و وقتی میخوای سوارش بشی میری نیسانت رو میاری و بنزت رو میزاری پشت نیسان و میری رانندگی با بنز!


احسانم
تخصص : توسعه دهنده وب
@iehsan 4 سال پیش مطرح شد
0

@ashkannazari248
الان نظر شما در مورد MPA چیه؟


اشکان نظری
تخصص : برنامه نویس
@ashkannazari248 4 سال پیش آپدیت شد
1

@iehsan
SPA یا single-page application (برنامه های تک صفحه ای)
MPA یا multi-page application (برنامه های چند صفحه ای)

بستگه داره شما بخواید mpa رو چجوری بسازید. موافق mpa هست و به شدت دوستش دارم اما اگه اصولی و جدا از بکند باشه

مثل nuxt و next


احسانم
تخصص : توسعه دهنده وب
@iehsan 4 سال پیش مطرح شد
0

@ashkannazari248
منظورتون از این که میگین جدا از بک اند باشه چیه؟

انگار roocket هم آپدیت شد و spa شد درسته؟


اشکان نظری
تخصص : برنامه نویس
@ashkannazari248 4 سال پیش آپدیت شد
1

یعنی شما دوتا پروژه جدا از هم داشته باشید که یکی فرانت هست و یکی بکند. هر کدوم روی پورت خودش کار میکنه و بکند دخالتی توی فرانت نداره و فرانت میتونه با api از بکند اطلاعات رو بگیره. نمیدنم منظورم رو متوجه شدید یه نه. مثلاً توی لاراول عده ای میان از vue توی php استفاده میکنن که به نظر من اصلاً قشنگ نیست و جاش باید از ssr استفاده کرد

بله. ظاهراً راکت داره از framework جاوااسکریپتی به اسم Alpine.js استفاده میکنه و spa شده. قبلاً با vuejs بود


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام