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

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

دوره های آموزشی
آموزش رایگان sass (ساس) پروژه محور
کامل شده

آموزش رایگان sass (ساس) پروژه محور

sass (ساس) مخفف کلمات Syntactically Awesome Stylesheets است. sass را می توان به عنوان یک پیش پردازنده برای css در نظر گر...

رایگان
04:46:01
آموزش Emmet
کامل شده

آموزش Emmet

Emmet یک ابزار برای توسعه‌دهندگان وب است که می‌تواند سرعت نوشتن کد‌های HTML و CSS را تا حد بسیار زیادی افزایش دهد. این ا...

رایگان
01:12:37
آموزش Grid Layout پروژه محور
کامل شده

آموزش Grid Layout پروژه محور

ما همیشه صفحه آرایی را بواسطه عناصر و ویژگی هایی که هدف آنها بوجود آوردن صفحه آرایی نبوده است انجام می دادیم. اول از همه...

رایگان
02:19:59
آموزش jQuery پروژه محور
کامل شده
% 10 تخفیف

آموزش jQuery پروژه محور

آموزش jQuery به همراه 4 پروژه. jQuery یک کتابخانه برای جاوا اسکریپت است. منظور از کتابخانه مجموعه کدهایی است که در یکجا...

99,000 89,000 تومان
04:30:09
مشاهده تمام دوره های آموزشی

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

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

  • 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 استفاده میکنید.