Vue.js 3 Composition API Rehberi

Composition API Nedir?

Vue.js 3 ile birlikte gelen Composition API, bileşen mantığını daha iyi organize etmemizi sağlayan yeni bir yaklaşımdır.

Options API vs Composition API

Geleneksel Options API ile karşılaştırıldığında, Composition API daha esnek ve yeniden kullanılabilir kod yazma imkanı sunar.

import { ref, computed, onMounted } from "vue"

export default {
 setup() {
   const count = ref(0)
   const doubleCount = computed(() => count.value * 2)
   
   onMounted(() => {
     console.log("Component mounted!")
   })
   
   return { count, doubleCount }
 }
}

Reactive References

ref() ve reactive() fonksiyonları ile reaktif veri yapıları oluşturabilir, uygulamanızın durumunu etkili şekilde yönetebilirsiniz.