Vue.js Nedir ? Nasıl Öğrenirim ?

Merhabalar,

      Vue js bir javascript kütüphanesidir. Öğrenmesi çokta zor olmayan ,büyük projelerinizde işinizi kolaylaştıracak interaktif bir front-end çerçevesidir. Bu özelliklerinden dolayı React ve Angular’ı geride bırakmayı başarmış popüler olmaya başlamıştır.

VueJS dökümantasyonuna https://vuejs.org/v2/guide/index.html adresinden ulaşabilirsiniz.

        Daha önceden geliştirdiğiniz projenize vuejs ekleyebilirsniz. Bunun için yapmanız gereken                   <script src = "https://cdn.jsdelivr.net/npm/vue/dist/vue.js" ></ script > linkini projenize eklemek.

Birkaç örnek yapalım .

1.  

<div id="ilkapp">{{ message }}</div>

var app = new Vue({

el: '#ilkapp',
data: {
message: 'Vuejs Nedir ?'
}})

Çıktı: Vuejs Nedir ?

    2. v-if ve v-else

<div v-if="Math.random() > 0.5"> VUE </div> 

<div v-else> JS </div>

   3. v-for

<ul id="ornek"> 

<li v-for="item in items"> {{ item.message }} </li> 

</ul>

var ornekler= new Vue({

 el: '#ornek', 

data: { 

items: [ { message: 'VUE' }, { message: 'JS' } ] } })

Çıktı : 

• VUE
• JS

Görüşmek dileğiyle...