با عرض سلام و خسته نباشید ممنون از آموزش خوبتون من برام یه مشکلی پیش اومده و اون اینه که وقتی روی کامپوننت ها کلیک میکنم اون بالا سوییچ میشه ولی محتویات نمایش داده نمیشه حتی توی فایل هوم هم تگ p که توش lorem هست نمایش داده نمیشه مشکل از کجاست دقیقا؟
در این جلسه به توضیح نصب و استفاده از vue router در vue.js می پردازیم.
برای ارسال نظر ابتدا باید وارد سایت شوید
با عرض سلام و خسته نباشید ممنون از آموزش خوبتون من برام یه مشکلی پیش اومده و اون اینه که وقتی روی کامپوننت ها کلیک میکنم اون بالا سوییچ میشه ولی محتویات نمایش داده نمیشه حتی توی فایل هوم هم تگ p که توش lorem هست نمایش داده نمیشه مشکل از کجاست دقیقا؟
سلام وقت بخیر.
باید بررسی کنید آیا اروری دارید یا خیر، همینجوری که نمیشه گفت مشکل چی هست!
با سورس کدی که در اختیارتون هست مقایسه کنید.
منظورم اين بود فايل router.js رو هميشه خودمون بايد ايجاد كنيم يا حالتي هست كه در پروژه با vue cli اين فايل و كداشو به صورت پيشفرض داشته باشه؟
تشكر
سلام وقت بخیر.
این فایل را شما خودتون بر اساس route های پروژه تون ایجاد میکنید.
سلام
تمام این کدهایی که در این قسمت داشتیم رو خودمون باید از داکیومنت وارد کنیم یا راهی هست که از اول روی پروژه این متغیر ها و کدها باشند و ما فقط مقدار بهشون بدیم؟
تشکر
سلام وقت بخیر.
درست متوجه سوالتون نشدم ولی در کلی حجم کد زیادی نیست که بخواهید کپی کنید، سعی کنید بنویسید تا تایپتون قوی بشه
سلام
به فرض مثال آیا وقتی صفحه home لود میشه محتویات سایر صفحات هم مثل صفحه posts همزمان لود میشه ولی اطلاعاتشون مخفیه تا زمانی که کلیک کنیم روی لینکشون ؟ یا نه وقتی رو لینکشون کلیک میکنیم تازه درخواست ارسال میشه برای دریافت اطلاعات صفحه؟
سلام وقت بخیر.
زمانی که وارد صفحه میشید، درخواست ارسال میشه که ما لودینگ قرار میدیم.
سلام استاد عزیز وقت بخیر
من نمیتونم Vue Router رو نصب کنم
این خطاها رو برمیگردونه:
C:\Users\T\Desktop\vue-sandbox>npm install vue-router@4
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: vue-sandbox@0.1.0
npm ERR! Found: vue@2.6.14
npm ERR! node_modules/vue
npm ERR! vue@"^2.6.11" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer vue@"^3.0.0" from vue-router@4.0.11
npm ERR! node_modules/vue-router
npm ERR! vue-router@"4" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See C:\Users\T\AppData\Local\npm-cache\eresolve-report.txt for a full report.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\T\AppData\Local\npm-cache\_logs\2021-09-29T12_22_23_827Z-debug.log
سلام وقت بخیر.
چک کنید که vue ورژن چند نصب کردید.
این فیلم و فیلم های مشابه این در youtube زیاده برای ترکیب کردن vue داخل خوده لاراول
https://laracasts.com/series/whats-new-in-vue-3/episodes/14
البته به همون صورتی که فرمودید جدا کنیم فرانت و بک رو به نظرم تمیز تره / البته این نظر بندس!
سلام وقت بخیر.
بله بنده هم عرض کردم که میتونید استفاده کنید.همنطور که گفتم روند به اینصورت هست که جدا باشه
سلام . در ادامه مشکل قبلی که فکر میکنم این روتر ورژن جدیدش که یه چیزاییش عوض شده / یا اینکه مشکل از کد هاست / مشکل رو پیدا کردم و درست شدش /
کافیه فقط این فایل روتر رو عوض کنید البته یه کوچولو تغییر داره
import { createRouter, createWebHistory } from "vue-router"
import Home from "./components/Home.vue"
import Post from "./components/Post.vue"
import User from "./components/User.vue"
const routes = [
{ path: '/', component: Home },
{ path: '/post', component: Post },
{ path: '/user', component: User }
]
const router = new createRouter({
history: createWebHistory(process.env.BASE_URL),
routes // short for `routes: routes`
})
export default router
سلام وقت بخیر / من دقیقا همین فایل هارو کپی کردم اما مشکل دارم / البته خودمم یه بار نوشتم همین مشکل رو داشتم /
router.js?41cb:13 Uncaught TypeError: Object(...) is not a function
at eval (router.js?41cb:13)
با سلام و احترام خدمت استاد گرامی
تنظیمات مربوط به createWebHistory
که باید برای سرور apache انجام داد و spi رو به خوبی در پروژه ی لاراولی پیاده سازی کرد چگونه است؟
باید یک فایل blade بتونید spa داشته باشیم.
تنظیماتی به صورت پیشفرض در htaccess پروژه ی لاراولی انجام شده ولی زمانی که صفحه رفرش میشه خطای ۴۰۴ می دهد.
راه حل چیست؟
با تشکر از توجه شما
سلام وقت بخیر.
لاراول را برای api استفاده میکنن،یعنی پروژه جدا هست که با لاراول api نویسی میکنید و توی پروژه spa از api استفاده میکنید یا از همون api برای موبایل.توی پروژه لاراولی که blade دارید میتونید توی بخش های که نیاز دارید از vue استفاده کنید.
روند کار به اینصورت هست که شما توی بک اند از هر زبان یا فریمورکی که دوست دارید api مینویسید و توی فرانت که spa هست استفاده میکنید.
zahra930223
سلام مممنون از اموزش خوبتون ، من سوالی داشتم اگه راهنمایی کنین ممنون میشم
دقیقا همون مثال اولی که با روتر ایجاد کردید رو انجام دادم اما یک ارور در کنسول به من میده :
Object(...) is not a function
روی متد " createWebHistory" به من خطا میده
علی شیخ
2 سال پیش
سلام وقت بخیر.
نباید مشکلی باشه، با سورس کدی که در اختیارتون هست مقایسه کنید و همچنین داکیومنت