VueJS

STEM

Vue.js’e Başlarken: Proje Oluşturma

Herkese selamlar. Serimizin üçüncü yazısı ile karşısınızdayım. Bir önceki yazımda sizlere Vue.js ile kullandığımız yapılardan bahsetmiştim. Kullanacağımız yapıları da öğrendiğimize göre artık bir proje oluşturabiliriz. Bu yazıda Vue.js ile ilk projenizi nasıl oluşturacağınızdan bahsedeceğim. Vakit kaybetmeden başlayalım. Öncelikle projelerimizi aynı yerde tutmak için kullanıcı adımız altında bir “project” klasörü oluşturalım.

STEM

Vue.js’e Başlarken: Kullandığımız Yapılar

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.

Scroll to Top