Кай вақт WU дар Vue даъват мешавад?

Бубон, кифоя, ки "функция WU" дар Vue.js вуҷуд надорад.

Шояд, шумо якеро аз консепсияҳо ё функсияҳои зеринро дар назар доред:

setup дар Vue 3 Composition API: Ин як имконияти нав барои компонент аст, ки дар он логикаи реактивӣ, ҳолат ва методҳо ҷойгир мешаванд.

// Намунаи функсияи setup
import { ref, onMounted } from 'vue';

export default {
  setup() {
    const count = ref(0); // Ҳолати реактивӣ

    function increment() {
      count.value++;
    }

    onMounted(() => {
      // Hook-и давраи зиндагӣ
      console.log('Компонент насб шуд');
    });

    return { // Маъълумот ва функсияҳоро барои истифода дар шаблон бармегардонем
      count,
      increment
    };
  }
}

setup пеш аз эҷоди нусхаи компонент даъват мешавад, бори аввал пас аз ҳал кардани props ва пеш аз эҷоди нусхаи худ.

watch дар Options API ё Composition API: Барои пайгирии тағирот дар маълумоти реактивӣ истифода мешавад.

// Watch дар Options API
export default {
  data() {
    return {
      message: 'Салом'
    }
  },
  watch: {
    message(newValue, oldValue) {
      console.log(`Паём тағир ёфт аз "${oldValue}" ба "${newValue}"`);
    }
  }
}

// Watch дар Composition API
import { ref, watch } from 'vue';

export default {
  setup() {
    const message = ref('Салом');

    watch(message, (newValue, oldValue) => {
      console.log(`Паём тағир ёфт аз "${oldValue}" ба "${newValue}"`);
    });

    return {
      message
    };
  }
}

watch дар ҳолате, ки манбаъро назорат мекунад, даъват мешавад.

methods дар Options API: Барои илова кардани функсияҳо ба нусхаи компонент истифода мешавад. Онҳо ба зарурат даъват мешаванд (масалан, дар клик дар тугма).
```
// Methods дар Options API
export default {
  methods: {
    greet() {
      console.log('Салом!');
    }
  }
}
```
Методҳо бо даъвати мустақим (масалан, аз шаблон @click="greet" ё аз дигар метод) даъват мешаванд.

Агар шумо ба чизе дигар ишора мекардед, лутфан, равшантар кунед. Шояд ин хатогӣ ё номи махсуси функсия дар лоиҳа ё китобхона бошад.