Vue'da WU funksiyasi qachon chaqiriladi?

Uzr, Vue.js da "WU funksiyasi" nomli tushuncha mavjud emas.

Ehtimol, siz quyidagi tushunchalardan yoki funksiyalardan birini nazarda tutgandirsiz:

1. Vue 3 Composition API'da setup: Bu yangi komponent opsiyasi bo'lib, bu yerda reaktiv mantiq, holat va metodlar joylashadi.

   // setup funksiyasi misoli
   import { ref, onMounted } from 'vue';
   
   export default {
     setup() {
       const count = ref(0); // Reaktiv holat
   
       function increment() {
         count.value++;
       }
   
       onMounted(() => {
         // Hayot aylanishi hook'i
         console.log('Komponent montaj qilindi');
       });
   
       return { // Shablonda foydalanish uchun ma'lumotlar va funksiyalar
         count,
         increment
       };
     }
   }
   

   setup komponent instansiyasi yaratilishidan oldin chaqiriladi, propslar hal qilinib, o'zini o'zi yaratishdan oldin.

2. watch Options API yoki Composition API'da: Bu reaktiv ma'lumotlardagi o'zgarishlarni kuzatish uchun ishlatiladi.

   // Watch Options API'da
   export default {
     data() {
       return {
         message: 'Salom'
       };
     },
     watch: {
       message(newValue, oldValue) {
         console.log(`Xabar "${oldValue}" dan "${newValue}" ga o'zgardi`);
       }
     }
   }
   

   // Watch Composition API'da
   import { ref, watch } from 'vue';
   
   export default {
     setup() {
       const message = ref('Salom');
   
       watch(message, (newValue, oldValue) => {
         console.log(`Xabar "${oldValue}" dan "${newValue}" ga o'zgardi`);
       });
   
       return {
         message
       };
     }
   }
   

   watch kuzatilayotgan manba o'zgarishi bilan chaqiriladi.

3. methods Options API'da: Bu komponent instansiyasiga funksiyalar qo'shish uchun ishlatiladi. Ular kerak bo'lsa chaqiriladi (masalan, tugma bosilganda).

   // Methods Options API'da
   export default {
     methods: {
       greet() {
         console.log('Salom!');
       }
     }
   }
   

   Metodlar aniq chaqirilganda chaqiriladi (masalan, shablonda @click="greet" yoki boshqa metoddan).

Agar siz boshqa narsani nazarda tutgan bo'lsangiz, iltimos, aniqlang. Bu yozuv xatosi yoki maxsus nom bo'lishi mumkin loyiha yoki kutubxonada.