From 8b93b9a1b4400210415f0ddbbdfa66f767a36701 Mon Sep 17 00:00:00 2001 From: animyrch Date: Mon, 7 Oct 2019 23:12:51 +0200 Subject: [PATCH] Fix : Corrected file encoding for Turkish --- src/v2/guide/syntax.md | 124 ++++++++++++++++++++--------------------- 1 file changed, 62 insertions(+), 62 deletions(-) diff --git a/src/v2/guide/syntax.md b/src/v2/guide/syntax.md index 100646ecb9..53ae1b954c 100755 --- a/src/v2/guide/syntax.md +++ b/src/v2/guide/syntax.md @@ -1,82 +1,82 @@ --- -title: ablon Sentaks +title: Şablon Sentaksı type: guide order: 4 --- -Vue.js, ekrana yanstlan DOM modelini arka plandaki Vue rneine ait verilere beyansal olarak balamay salayan HTML tabanl bir ablon sentaks kullanr. Her Vue.js ablonu geerli bir HTML kodu olup standartlara uyum gsteren tarayclar ve HTML derleyiciler tarafndan okunabilir. +Vue.js, ekrana yansıtılan DOM modelini arka plandaki Vue örneğine ait verilere beyansal olarak bağlamayı sağlayan HTML tabanlı bir şablon sentaksı kullanır. Her Vue.js şablonu geçerli bir HTML kodu olup standartlara uyum gösteren tarayıcılar ve HTML derleyiciler tarafından okunabilir. -Vue, ablonlar kendiliinden Sanal DOM modelleme fonksiyonlar araclyla derler. Otomatik tepki sisteminin de yardmyla Vue yeniden modellenmesi gereken minimum saydaki bileeni akllca tespit edebilir ve uygulamann durumu deitiinde mmkn olan en az sayda DOM deiikliini gerekletirir. +Vue, şablonları kendiliğinden Sanal DOM modelleme fonksiyonları aracılığıyla derler. Otomatik tepki sisteminin de yardımıyla Vue yeniden modellenmesi gereken minimum sayıdaki bileşeni akıllıca tespit edebilir ve uygulamanın durumu değiştiğinde mümkün olan en az sayıda DOM değişikliğini gerçekleştirir. -Eer Sanal DOM kavramlarna alksanz ve saf JavaScriptin gcnden yararlanmay tercih ederseniz istee bal JSX destei sayesinde ablona gerek olmakszn [dorudan modelleme fonksiyonlar](render-function.html) yazabilirsiniz. +Eğer Sanal DOM kavramlarına alışıksanız ve saf JavaScript’in gücünden yararlanmayı tercih ederseniz isteğe bağlı JSX desteği sayesinde şablona gerek olmaksızın [doğrudan modelleme fonksiyonları](render-function.html) yazabilirsiniz. -## Deiken deer takibi +## Değişken değer takibi ### Metin -Veri balamann en basit ekli Byk sentaks (ikier adet ssl parantez) ile yazlan metin deerlerinin takibidir. +Veri bağlamanın en basit şekli “Bıyık” sentaksı (ikişer adet süslü parantez) ile yazılan metin değerlerinin takibidir. ``` html Mesaj: {{ msg }} ``` -Byk etiketiyle evrili ksm ilgili bileenin veri nesnesi ierisinde yer alan `msg` zelliinin deeri ile deitirilecektir. Sz konusu veri nesnesinin `msg` zellii ne zaman deiirse bu metin de gncellenir. +Bıyık etiketiyle çevrili kısım ilgili bileşenin veri nesnesi içerisinde yer alan `msg` özelliğinin değeri ile değiştirilecektir. Söz konusu veri nesnesinin `msg` özelliği ne zaman değişirse bu metin de güncellenir. -Ayrca [v-once direktifini](../api/#v-once) kullanarak deiken deerinin yalnzca bir defa kullanlmasn salayabilirsiniz. Fakat bu ilemin ayn HTML dm zerindeki tm balar zerinde etkili olacan unutmayn. +Ayrıca [v-once direktifini](../api/#v-once) kullanarak değişken değerinin yalnızca bir defa kullanılmasını sağlayabilirsiniz. Fakat bu işlemin aynı HTML düğümü üzerindeki tüm bağlar üzerinde etkili olacağını unutmayın. ``` html -Bu asla deimeyecektir: {{ msg }} +Bu asla değişmeyecektir: {{ msg }} ``` ### Saf HTML -ift byk sentaks verileri dz metin olarak yorumlar. HTML olarak deil. Gerek HTML yazabilmek iin `v-html` direktifini kullanmalsnz: +Çift bıyık sentaksı verileri düz metin olarak yorumlar. HTML olarak değil. Gerçek HTML yazabilmek için `v-html` direktifini kullanmalısınız: ``` html -

Byk ile kullanm: {{ safHtml }}

-

v-html direktifi ile kullanm:

+

Bıyık ile kullanım: {{ safHtml }}

+

v-html direktifi ile kullanım:

``` {% raw %}
-

Byk ile kullanm: {{ rawHtml }}

-

v-html direktifi ile kullanm:

+

Bıyık ile kullanım: {{ rawHtml }}

+

v-html direktifi ile kullanım:

{% endraw %} -`span` ierisindeki metin `rawHtml` zelliinin deeri ile deitirilecektir ve bu metin saf HTML olarak yorumlanacak olup veri balar dikkate alnmayacaktr. `v-html` direktifi ierisinde dinamik ablon oluturmak mmkn deildir zira Vue, dizgi tabanl bir ablon motoru deildir. Bunun yerine kullanc arayz elemanlarnn yeniden kullanm ve birlikte kullanmna ynelik temel birim olarak bileenler kullanlmaktadr. +`span` içerisindeki metin `rawHtml` özelliğinin değeri ile değiştirilecektir ve bu metin saf HTML olarak yorumlanacak olup veri bağları dikkate alınmayacaktır. `v-html` direktifi içerisinde dinamik şablon oluşturmak mümkün değildir zira Vue, dizgi tabanlı bir şablon motoru değildir. Bunun yerine kullanıcı arayüzü elemanlarının yeniden kullanımı ve birlikte kullanımına yönelik temel birim olarak bileşenler kullanılmaktadır. -

erii belirsiz HTML girdilerinin internet sitenizde dinamik olarak modellenmesi son derece tehlikeli olabilir zira kolayca [XSS zafiyetleri](https://tr.wikipedia.org/wiki/Siteler_aras%C4%B1_betik_%C3%A7al%C4%B1%C5%9Ft%C4%B1rma) ile sonulanabilir. HTML deerlerinin takibi ilevini yalnzca gvenilir ierikler zerinde kullann ve **asla** kullanc tarafndan temin edilen ierik zerinde kullanmayn.

+

İçeriği belirsiz HTML girdilerinin internet sitenizde dinamik olarak modellenmesi son derece tehlikeli olabilir zira kolayca [XSS zafiyetleri](https://tr.wikipedia.org/wiki/Siteler_aras%C4%B1_betik_%C3%A7al%C4%B1%C5%9Ft%C4%B1rma) ile sonuçlanabilir. HTML değerlerinin takibi işlevini yalnızca güvenilir içerikler üzerinde kullanın ve **asla** kullanıcı tarafından temin edilen içerik üzerinde kullanmayın.<Çp> ### HTML Nitelikleri -HTML nitelikleri ierisinde byk sentaks kullanlamaz. Bunun yerine [v-bind direktifini](../api/#v-bind) kullann: +HTML nitelikleri içerisinde bıyık sentaksı kullanılamaz. Bunun yerine [v-bind direktifini](../api/#v-bind) kullanın: ``` html

``` -Mevcut olmalar `true` anlamna gelen boole nitelikleri iin `v-bind` biraz farkl faaliyet gstermektedir. Aadaki rnee bakalm: +Mevcut olmaları `true` anlamına gelen boole nitelikleri için `v-bind` biraz farklı faaliyet göstermektedir. Aşağıdaki örneğe bakalım: ``` html ``` -Eer `butonAktifDeil` deikeninin deeri `null`, `undefined` veya `false olursa `disabled` nitelii, modellenen `