توضیحات

در این جلسه به توضیح نصب و استفاده از vue router در vue.js می پردازیم.


javascript جاوا اسکریپت vuejs ویو جی اس

مدرس دوره علی شیخ
مدت دوره 11:02:05
تعداد ویدیو 69

وضعیت دوره : کامل شده
قیمت دوره : رایگان

نظرات ارزشمند شما:

برای ارسال نظر ابتدا باید وارد سایت شوید

  • سلام مممنون از اموزش خوبتون ، من سوالی داشتم اگه راهنمایی کنین ممنون میشم
    دقیقا همون مثال اولی که با روتر ایجاد کردید رو انجام دادم اما یک ارور در کنسول به من میده :
    Object(...) is not a function
    روی متد " createWebHistory" به من خطا میده

    • سلام وقت بخیر.
      نباید مشکلی باشه، با سورس کدی که در اختیارتون هست مقایسه کنید و همچنین داکیومنت

  • با عرض سلام و خسته نباشید ممنون از آموزش خوبتون من برام یه مشکلی پیش اومده و اون اینه که وقتی روی کامپوننت ها کلیک میکنم اون بالا سوییچ میشه ولی محتویات نمایش داده نمیشه حتی توی فایل هوم هم تگ 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

  • این فیلم و فیلم های مشابه این در 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)


    ```
    import { createRouter, createWebHistory } from 'vue-router'
    import Home from './components/Home.vue'
    import User from './components/User.vue'
    import Post from './components/Post.vue'

    const routes = [
    { path: '/', component: Home },
    { path: '/users', component: User },
    { path: '/posts', component: Post },
    ]

    const router = createRouter({
    history: createWebHistory(),
    routes
    })

    export default router;
    ```



    ```
    history: createWebHistory(),

    ```
    در اصل این ارور میده

    • با سلام و احترام خدمت استاد گرامی
      تنظیمات مربوط به createWebHistory
      که باید برای سرور apache انجام داد و spi رو به خوبی در پروژه ی لاراولی پیاده سازی کرد چگونه است؟
      باید یک فایل blade بتونید spa داشته باشیم.
      تنظیماتی به صورت پیشفرض در htaccess پروژه ی لاراولی انجام شده ولی زمانی که صفحه رفرش میشه خطای ۴۰۴ می دهد.
      راه حل چیست؟

      با تشکر از توجه شما

    • سلام وقت بخیر.
      لاراول را برای api استفاده میکنن،یعنی پروژه جدا هست که با لاراول api نویسی میکنید و توی پروژه spa از api استفاده میکنید یا از همون api برای موبایل.توی پروژه لاراولی که blade دارید میتونید توی بخش های که نیاز دارید از vue استفاده کنید.
      روند کار به اینصورت هست که شما توی بک اند از هر زبان یا فریمورکی که دوست دارید api مینویسید و توی فرانت که spa هست استفاده میکنید.