Blog

Effect Nedir?
05

Ocak

  • 05 Ocak 2024
  • Yorum

Vue.js'deki effect, aslında Vue 3.0 ve sonraki sürümlerde değil, Vue 2.x sürümlerinde kullanılan bir terim değildir. Ancak, Vue 3.0 ve sonrasında, Vue 2.x'deki beforeUpdate ve updated hayat döngüsü yerine kullanılan effect fonksiyonu vardır.

effect fonksiyonu, Vue 3.0'da Composition API ile birlikte gelmiştir ve bu API, Vue uygulamalarını daha modüler ve okunabilir hale getirmek için tasarlanmıştır. effect fonksiyonu, bir bağımlılık listesi ve bir etki fonksiyonu alır. Bu etki fonksiyonu, bağımlılıklar değiştiğinde yeniden çalıştırılır.

Örnek kullanım:

  

      

          javascript
      

      

          
            
import { ref, effect } from 'vue';

            
const count = ref(0);

            
//effect fonksiyonu, count değeri değiştiğinde otomatik olarak çalışır

            
effect(() => {

            
console.log('Count değeri güncellendi:', count.value);

            
});

            
//count değerini güncelledikçe, effect fonksiyonu otomatik olarak çalışacaktır

            
count.value++;

            
//Bu durumda, console'da "Count değeri güncellendi: 1" görülür

Bu örnekte, effect fonksiyonu count değişkenine bir bağımlılık oluşturur. count değeri her güncellendiğinde, effect fonksiyonu otomatik olarak çalışır ve güncellenen değeri console'a yazdırır. Bu, Vue 3.0 Composition API'nin bir parçası olarak, reaktivite ve bağımlılıklarla çalışmada daha esnek bir yaklaşım sağlamak için kullanılır.

İLK SEN YORUM YAP

E-posta hesabınız yayımlanmayacak.*

Kategoriler

Son Yazılar

E-BÜLTEN