Vue.js Composition API
Merhabalar, Composition API konusuna geçmeden önce biraz Vue Lifecycle Hooks(Vue Yaşam Döngüsü Kancası) ve biraz da Option API’den bahsetmek konunun daha anlaşılır olacağını düşünüyorum.
Vue Lifecycle Hooks
Bütün frameworklerde olduğu gibi Vue.js’in de bir yaşam döngüsü mevcut. Yani proje çalıştığında gerçekleşen olaylar kısaca aşağıdaki şemadaki gibi ilerliyor. Ana konumuz Composition Api olduğu için burada tek tek Lifecycle methodlarından bahsetmeyeceğim. Belki başka bir yazının konusu olabilir.
Burada göstermek istediğim Composition Api ile gelen setup metodu bu lifecycle’ın en başında çalışarak lifecycle’ı biraz değişikliğe uğratıyor.
Option API
Composition API Vue3 ile beraber gelen bir yenilik. Bu yenilikten önce Composition API yerine Option API kullanılıyordu.
Option api’nin genel kullanımı, kod dizilimi bu şekildeydi. Fakat proje büyüdükçe karmaşıklık artıyor ve kod kullanışlı olmaktan çıkıyor. Bunun çözümü için Vue 3 tasarlanırken Composition Api güncellemesi getirildi.
- Vue2 ‘de de Composition Api tabii ki kullanılabiliyor. Gerekli pakette bu şekilde…