توضیحات

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


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

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

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

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

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

  • با سلام و احترام
    استاد کد زیر را چرا اینطوری نوشتین ، امکانش هست اگر به صورت دیگه هم میشه نوشت ، اونم هم بنویسید ، ممنونم

    const {count,counter}=useCounter()
    

    شما در آموزش فرمودید که تابع که اجرا میشه دو تا مقدار را بر می گرداند که برای دریافت ان دو مقدار ، آن ها را در یک متغیر میریزیم.
    حالا سوال من اینجاست چرا برای متغیر نام نداریم ؟
    بعد اگر من اینطور بنویسیم چرا خطا دارم ؟
    
    
    ()use Counter : تابع ا اجرا کردم
    const test={count ,counter } آن ها را در یک متغیر ریختم


    کد componenet HelloWorld :
    
    
    <template>
    <h1>saaalaaaaaaaam</h1>
    <button @click="counter">count</button>
    <div>{{ count }}</div>
    </template>

    <script>
    import { useCounter } from "../composable/useCount.js";

    export default {
    setup() {
    const {count,counter}=useCounter()

    return {
    count,counter
    }
    }
    };
    </script>

    کد فایل composable :
    
    
    import { ref} from "vue";
    export const useCounter= () =>{

    const count = ref(0);
    function counter() {
    count.value++;
    }
    return {
    count ,counter
    }

    }

    • سلام وقت بخیر.
      این موضوع مربوط به destructuring در جاوااسکریپت هست که در موردش توی دوره جاوااسکریپت که پیش نیاز این دوره هست صحبت شده
      تابع useCounter دوتا مقدار count ,counter را بصورت object برمیگردونه که ما با قابلیت destructuring توی متغیر های به همین اسم قرار و استفاده کردیم.