Vuejs Next Tick Kullanımı

Vuejs Next Tick

Herkese merhabalar bu yazımızda sizlerle beraber vuejs next tick’e bir bakış atıyor olacağız. Öncelikle vuejs kullanırken bazı işlemlerde bir veriyi değiştirdiğimizda, yada her hangi bir fonksiyon bir değere bağlı şekilde hareket ederken henüz ilgili data değeri güncellenmemiş olabilmektedir. İşte tam bu noktada $nexttick yardıma yetişiyor ve bizlere diyor ki yahu kardeşim sen bi değerin değiştiğinden kesinlikle emin olmak mı istiyorsun gel bu işlemleri bende yap diyor diyebiliriz. Şimdi vuejs kendi içerisinde yer alan örneği sizlerle paylaşıyor olacağım.

$nexttick Örnek Kullanım

Vuejs kendi web sayfasında yer alan şu örneği sizlerle paylaşıyorum.

new Vue({   // ... 
  methods: { 
    // ... 
    example: function () {  
        // modify data      
        this.message = 'changed'       // DOM is not updated yet 
        this.$nextTick(function () {         // DOM is now updated
        // `this` is bound to the current instance
        this.doSomethingElse()       
   })
  } 
 } 
})

Yukarıdaki örnekte görmüş olduğumuz gibi biz message değişkenine bir değer ataması yapıyoruz dom henüz güncellenmeden başka bir fonksiyonu çağırıp değerini değiştirdiğimiz bir değişkeni kullanıyor olabiliriz işte bu gibi durumlar için $nextTick fonksiyonu hayatımızı kolaylaştırabilmektedir.

Herkese İyi Çalışmalar Dilerim.