Vue'nin template sözdizimi nedir?

Question

Accepted Answer

Vue templates **directiveler ve interpolation ile geliştirilmiş HTML** olarak tanımlanabilir — HTML gibi görünen markup yazarsınız, bunun yanında özel öznitelikler (`v-` ile başlayan directiveler) ve dinamik değerler için `{{ }}`. ## Metin interpolasyonu (mustaches) ```vue ``` `{{ }}` bir JavaScript *ifadesini* (statement değil) değerlendirir ve sonucu metin olarak işler, veriler değiştiğinde otomatik olarak güncellenir. ## Directiveler — özel v- öznitelikleri ```vue ``` ## Kısaltma sözdizimi (her yerde kullanılır) ```vue link ``` `:` (bind) ve `@` (on) kısaltmaları Vue yazmanın idiomatic yoludur — tam `v-bind:`/`v-on:` formunu nadiren göreceksiniz. ## Öznitelik bağlama vs interpolasyon ```vue

``` Metin içeriği için `{{ }}` ve öznitelik değerleri için `:attr` kullanın — bir özniteliğin içine mustache koyamazsınız. ## Neden önemli Template sözdizimi, Vue UI yazmanın özüdür. `{{ }}` interpolasyonu ve `v-` directivelerinin (`:` ve `@` kısaltmalarıyla birlikte) kombinasyonu, dinamik, reaktif UI'yı bildirimsel olarak ifade etmenizi sağlar — HTML gibi okunabilir ama veriye dayalı. Yaygın directiveleri ustalıkla kullanmak, günlük Vue geliştirmenin çoğunu oluşturur.