Blog

Fragment Nedir?
05

Ocak

  • 05 Ocak 2024
  • Yorum

Vue.js fragment, Vue.js 2.4.0 sürümünden itibaren tanıtılan bir özelliktir. Fragmanlar, bir bileşenin birden fazla kök öğe içermesine izin veren bir yapıdır. Önceki Vue sürümlerinde, bir bileşenin bir kök öğesi olması gerekiyordu, yani bir bileşen sadece tek bir öğe içerebilirdi. Ancak, bazı durumlarda, bir bileşenin birden fazla kök öğe içermesi gerekebilir.

Vue.js 2.4.0 sürümü ile birlikte, vue-template-compiler'ın 2.4.0 ve üzeri sürümleri, v-else-if, v-else ve v-if gibi direktifler içeren bir kök öğeye sahip olmayan bileşenleri işleyebilir. Bu sayede, bir bileşen birden fazla kök öğe içerebilir ve bu öğeler vue-template-compiler tarafından bir araya getirilir.

İşte basit bir örnek:

  

      

          html
      

      

          
            
<template>

            
<!-- Bir fragment kullanımı -->

            
<div>

            
<h1>Başlık</h1>

            
<p>Paragraf 1</p>

            
<p>Paragraf 2</p>

            
</div>

            
</template>

Yukarıdaki örnekte, <div> etiketi bir fragment görevi görür. Bu, Vue.js 2.4.0 ve sonraki sürümlerde geçerlidir ve birden fazla kök öğeyi içeren bileşenleri destekler.

İLK SEN YORUM YAP

E-posta hesabınız yayımlanmayacak.*

Kategoriler

Son Yazılar

E-BÜLTEN