Component

Herkese selamlar. Serimizin ikinci yazısı ile karşısınızdayım. Bu yazıda Vue.js ile kullandığımız yapılardan bahsedeceğim. Vakit kaybetmeden başlayalım. Virtual DOM Yapısı VirtualDOM, Vue.js’in 2.0 versiyonu ile gelmiştir. Virtual DOM gerçek DOM’a karşılık gelen sanal DOM nesnesidir. Yapmak istediğimiz değişiklikleri gerçek DOM üzerinde yapmak biraz maliyetli bir işlemdir. Virtual DOM sayesinde Vue.js render edildikten sonra state’leri en baştan oluşturmak yerine yapılan her değişikliği öncelikle Virtual DOM’a aktarır ve Virtual DOM üzerinde yapılan değişikliği karşılaştırarak tespit edip gerçek DOM’a yansıtır. Bu sayede güncellemeleri daha hızlı gerçekleştirir ve performanstan kazanç sağlamış oluruz.