توضیحات

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


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

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

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

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

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

  • سلام وقتتون بخیر. یه سوال دارم
    اگه بخوایم دیتا رو از یه کامپوننت به کامپوننت دیگه ای بفرستیم که هیچ ارتباطی هم باهم ندارن چیکار باید کنیم؟
    مثلا یه کامپوننت سرچ باکس داریم که توش لیست شهر با ایدی رو میده و میخوایم وقتی روی شهری کلیک شد ایدی رو بفرسته به ریکوئستی که توی یه کامپوننت دیگس و این دو کامپوننت هیچ ارتباط والد فرزندی هم به هم ندارن؟

    • سلام وقت بخیر.
      میتوانید درخواست را توی اون کامپونت قرار بدید یا بخش درخواست را بصورت Composables قرار بدید و توی کامپوننت ها استفاده کنید یا یک event listener بصورت گلوبال قرار بدید یا از pinia.js استفاده کنید.

  • ممنون از پاسختون
    فقط چجوری میتونم با prop متغیری از نوع ref رو به کامپوننت فرزند بفرستم که هروقت تو کامپوننت پدر تغییر کرد تو کامپوننت فرزند هم عوض بشه

    الان این کامپوننت پدره

    
    
    {{data.title}}
    <Form :data="data" :key="componentKey"/>

    اینجا دیتا title رو نشون میده ولی تو فرزند میگیرمش undefined میده
    
    
    setup(props) {
    let data = props.data
    alert(data.title)
    return { data };
    },

    • سلام وقت بخیر.
      جلوتر درموردش صحبت شده، لطف کنید در ابتدا دوره را تا انتها ببینید.

  • من یه متغیر ref دارم مثلا

    
    
    const terms = ref({
    name : reza,
    lastname :karimi,
    });

    چجوری میتونم مقدار key last name رو از آبجکت حذف کنم که این شکلی شه نتیجه
    
    
    {
    name : reza,
    }

    delete جواب نمیده چون proxy

    • سلام وقت بخیر.
      توی این قسمت هم اشاره شده که، برای دسترسی به مقادیر داخلش باید از value استفاده کنید به اینصورت terms.value
      توی مثال شما به اینصورت میشه حذف، اگه بخواهید از delete استفاده کنید.

      delete terms.value.lastname;

    • سلام وقت بخیر.
      اگه پکیج های که توی پروژه نیاز دارید نسخه ۳ vue را ساپورت میکنه میتونید از composition api استفاده کنید.
      توی پروژه این دوره از composition api استفاده شده