Vue-də WU funksiyası nə vaxt çağırılır?

Bağışlayın, Vue.js-də "WU funksiyası" adlı bir anlayış mövcud deyil.

Ehtimal ki, aşağıdakı anlayışlardan və ya funksiyalardan birinə işarə edirsiniz:

1. Vue 3 Composition API-də setup: Bu, komponentin yeni bir seçimi olub, burada reaktiv məntiq, vəziyyət və metodlar yerləşdirilir.

   // setup funksiyasının nümunəsi
   import { ref, onMounted } from 'vue';
   
   export default {
     setup() {
       const count = ref(0); // Reaktiv vəziyyət
   
       function increment() {
         count.value++;
       }
   
       onMounted(() => {
         // Həyat dövrü hook'u
         console.log('Komponent montaj olundu');
       });
   
       return { // Şablonda istifadə üçün məlumatlar və funksiyalar
         count,
         increment
       };
     }
   }
   

   setup komponent nümunəsi yaradılmadan əvvəl çağırılır, propsların həllindən dərhal sonra və nümunə yaradılmadan əvvəl.

2. watch Options API və ya Composition API-də: Bu, reaktiv məlumatlarda dəyişiklikləri izləmək üçün istifadə olunur.

   // Options API-də watch
   export default {
     data() {
       return {
         message: 'Salam'
       };
     },
     watch: {
       message(newValue, oldValue) {
         console.log(`Mesaj dəyişdi: "${oldValue}"-dən "${newValue}"-ə`);
       }
     }
   }
   

   // Composition API-də watch
   import { ref, watch } from 'vue';
   
   export default {
     setup() {
       const message = ref('Salam');
   
       watch(message, (newValue, oldValue) => {
         console.log(`Mesaj dəyişdi: "${oldValue}"-dən "${newValue}"-ə`);
       });
   
       return {
         message
       };
     }
   }
   

   watch izlənilən mənbə dəyişdikdə çağırılır.

3. methods Options API-də: Bu, komponent nümunəsinə funksiyalar əlavə etmək üçün istifadə olunur. Lazım olduqda çağırılır (məsələn, düyməyə klik etdikdə).

   // Methods Options API-də
   export default {
     methods: {
       greet() {
         console.log('Salam!');
       }
     }
   }
   

   Metodlar açıq şəkildə çağırıldıqda çağırılır (məsələn, şablonda @click="greet" və ya başqa bir metoddan).

Əgər başqa bir şeyi nəzərdə tutursunuzsa, zəhmət olmasa, aydınlaşdırın. Bu, yazım səhvi və ya konkret layihə və ya kitabxanadakı xüsusi funksiya adı ola bilər.