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 ساس

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

دوره های آموزشی
آموزش PHP-OOP-MVC پروژه محور
کامل شده
% 10 تخفیف

آموزش PHP-OOP-MVC پروژه محور

OOP برگرفته از Object-Oriented Programming به معنی برنامه‌نویسی شی‌گرا میباشد. که یک الگو یا روش برنامه نویسی می باشد که...

599,000 539,000 تومان
16:56:31
آموزش بوت استرپ 5 (Bootstrap) در دنیای واقعی
کامل شده
% 10 تخفیف

آموزش بوت استرپ 5 (Bootstrap) در دنیای واقعی

بعد از مشاهده دوره Bootstrap ۵ نیاز هست که شما دوستان عزیز ‌Bootstrap ۵ را در دنیای واقعی مشاهده کنید. به این معنی که شم...

399,000 359,000 تومان
08:43:02
آموزش پستمن (postman)
کامل شده
% 5 تخفیف

آموزش پستمن (postman)

پستمن(postman) یک پلتفرم است برای تست API ها است که در کنارش امکانات خیلی خوبی به ما می دهد. در محیط برنامه نویسی وقتی...

149,000 141,000 تومان
03:14:06
آموزش ویو ایکس (vuex) و pinia.js (پینیا جی اس) پروژه محور
کامل شده
% 5 تخفیف

آموزش ویو ایکس (vuex) و pinia.js (پینیا جی اس) پروژه محور

Vuex یک کتابخانه مدیریت وضعیت است که مخصوص ایجاد اپلیکیشن‌های متوسط، پیچیده و بزرگ در Vue.js است. Vue.js یکی از فریم ور...

199,000 189,000 تومان
05:16:05
مشاهده تمام دوره های آموزشی

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

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

  • 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>

    • علی شیخ

      9 ماه پیش

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

  • میثم رحمتی

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

  • armindev

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

    • علی شیخ

      3 سال پیش

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