توضیحات

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


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

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

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

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

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

  • با سلام و احترام
    با توجه به کد چرا برای function نام قرار نمی دهیم ؟

    
    
    import { ref } from "vue";
    export default function (){
    const counter = ref(0);
    function increase() {
    counter.value++;
    }

    return{
    counter , increase
    }
    }


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

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

    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 توی متغیر های به همین اسم قرار و استفاده کردیم.