telegram

توضیحات

در این جلسه به معرفی مفهوم getters در ویو ایکس(vuex) می پردازیم.

javascript جاوا اسکریپت جاوااسکریپت vuejs ویو جی اس vuex ویو ایکس pinia pinia.js پی نیا جی اس

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

مدرس دوره علی شیخ
مدت دوره 05:16:05
تعداد ویدیو 32
وضعیت دوره : کامل شده
قیمت دوره : 199,000 189,000 تومان
برای دانلود ابتدا وارد سایت شوید
دسته بندی دوره ها
HTML CSS طراحی وب FlexBox Bootstrap فریمورک طراحی سایت جاوا اسکریپت اکما اسکریپت پی اچ پی php mysql javascript jquery oop mvc composer laravel emmet npm nodejs webpack vuejs livewire vuex API وب سرویس alpinejs tailwindcss react git github typescript next.js nest.js nuxt.js sass ساس

دوره های پشنهادی

دوره های آموزشی
آموزش ری اکت (React.js) پروژه محور
کامل شده
% 5 تخفیف

آموزش ری اکت (React.js) پروژه محور

ری اکت (React.js) یک کتابخانه جاوااسکریپتی برای ساخت رابط کاربری(user interfaces) برای اپلیکیشن های تک صفحه ای (single p...

399,000 379,000 تومان
16:08:35
آموزش رایگان flexbox (فلکس باکس) پروژه محور
کامل شده

آموزش رایگان flexbox (فلکس باکس) پروژه محور

در دنیای HTML و CSS که نمایش محتوا را به عهده دارند همیشه یک موضوع، سختی و پیچیدگی خاص خود را داشته و آن هم صفحه آرایی ا...

رایگان
04:32:18
آموزش Asynchronous Javascript پروژه محور
کامل شده
% 10 تخفیف

آموزش Asynchronous Javascript پروژه محور

در این دوره با برنامه نویسی Asynchronous (ناهمگام) و Synchronous (همگام) و نحوه کارکرد آنها در دنیای جاوااسکریپت صحبت می...

149,000 134,000 تومان
03:47:45
آموزش Bootstrap 4 پروژه محور
کامل شده

آموزش Bootstrap 4 پروژه محور

Bootstrap مجموعه ای از ابزارهای رایگان برای ایجاد صفحات وب و نرم افزارهای تحت وب است که شامل دستورات HTML، CSS و توابع ج...

رایگان
06:29:27
مشاهده تمام دوره های آموزشی

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

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

  • Davood Noruzy

    با سلام و احترام

    در فایل counter.js اسم آرایه todos هست .
    چرا در حلقه v-for اسم آرایه را ننوشتیم و به جای آن doneTodo را نوشتیم ؟
    درسته در فایل counter.js ما آمدیم state را در getters صدا زدیم و الان به محتویات داخل state دسترسی داریم.
    خب چرا در حلقه من اسم آرایه یعنی کد زیر را استفاده می کنم: 

      <div v-for="todo in todos" :key="todo.id">{{ todo.text }}</div>

    جواب را نمی تونه برگردانه و حتما باید به جای استفاده از todos از doneTodo استفاده کنم ؟

    counter.js : 
    

    import { createStore } from "vuex";

    const store = createStore({

      state: {

        count: 11,

    

        todos: [

          { id: 1, text: "todo1", done: true },

          { id: 2, text: "todo2", done: false },

        ],

      },

      getters: {

        doneTodo(state) {

          return state.todos.filter((todo) => todo.done);

        },

      },

    });

    export default store;

    ```

    

    Home.vue:

    

    ```

    <template>

      {{ count }}

    

      <div v-for="todo in doneTodo" :key="todo.id">{{ todo.text }}</div>

    </template>

    

    <script>

    export default {

      computed: {

        count() {

          return this.$store.state.count;

        },

    

        doneTodo() {

          return this.$store.getters.doneTodo;

        },

      },

    };

    </script>

    • علی شیخ

      2 ماه پیش

      سلام وقت بخیر.
      ببینید تابع doneTodo یکسری todo را بر میگردونه حالا چه اسم تابع را صدا بزنید چه مثلا تابع را صدا بزنید و بریزید توی متغیر، بعد توی v-for استفاده کنید.

  • میثم رحمتی

    سلام وقت بخیر
    ضمن تشکر همیشگی از کیفیت محتوای عالیتون میخواستم ازتون سوالی داشته باشم .
    امکانش هست اکستنشنی که خود به خود import رو در قسمت اسکریپت اضافه میکنه رو معرفی کنید .
    ظاهرا برای vetur یا volar نیست

  • armindev

    سلام
    استفاده از vuex فقط براي جلوگيري از تكرار كد هست يا يك جاهايي حتماً بايد ازش استفاده شه؟
    چون پروژه اي كه در دوره vuejs انجام داديد كدهاي تكراري زيادي داشت و بدون هيچ مشكلي هم اجرا ميشد
    ميخوام بدونم ميتونيم كد تكراري داشته باشيم و يك متغير رو ١٠ بار مثلاً تعريف كنيم بدون مشكل يا اينكه حتماً بايد در پروژه ها از props و emit و vuex استفاده كنيم؟
    تشكر

    • علی شیخ

      2 سال پیش

      سلام وقت بخیر.
      Vuex برای مدیریت state ها هست، نه جلوگیری از کد تکراری!
      و توی پروژه های بزرگ و درصورتی که نیاز دارید دیتای را توی خیلی از کامپوننت ها داشته باشید میتونید استفاده کنید، خیلی وقتا شما توی یک کامپوننت یکسری دیتا دارید که فقط توی اون کامپونت و فرزندش نیاز دارید پس از prop استفاده میکنید.