vue js dinamik component

Vue js dinamik component içerisinde component arası geçişlerde component canlı tutmak için keep-alive elementi kullanılır.Böylece component geçişlerinde componentler destroy edilmediği tekrardan render edilmesi engellemiş oluyoruz.

Örnek kullanım

<keep-alive>

    <component :is="selectedComponent">

    </component >

</keep-alive>

Keep Alice elementi kullandığı zaman render ve destroy işlemi yapılmadığı için created ve destroy lifecycle calismayacaktir.Bu yerine actived ve diactived  lifecycle eklenmistir.