Kategori arşivi: Vue.js

Vue.js Tek Satırda console.log Desteği

Bildiğiniz gibi HTML etiketleri içinde console.log kullanamazsınız. Kullanmak için ise console.log için alias tanımlamanız yeterlidir.

Vue.prototype.$log = console.log.bind(console)
new Vue({el: '#app'})

Tanımladığımız alias HTML içinde kullanmak için

<div id="app">
  <input @keydown="$log" @keyup="$log" @keypress="$log" placeholder="type here">
  Logları görmek için tarayıcınızın konsolunu açınız.
</div>

Vue.js Nedir? Yazı Dizimiz Başlıyor.

Vue.js hakkında hayatınızı kolaylaştıracak yazılar paylaşmaktan vazgeçip, Vue.js hakkında öğrendiğim her şeyi blogumda yazmaya karar verdim. Bu Vue.js pekiştirip daha iyi öğrenmemi sağlayacağı gibi, bir çok kişiyede faydalı olacağını düşünüyorum.

Vue.js tarihine kısaca değinecek olursak, 2014 yılında bağımsız bir yazılımcı olan Evan You tarafından geliştirilmeye başlamıştır. Evan You takip etmenizi mutlaka öneririm. Takip etmek için Twitter ve Medium sitelerini kullanmanız gerekmektedir. Kendi bloğunda herhangi bir şey paylaşmamaktadır. Ayrıca bir çok projesini GitHub üzerinden ulaşabilirsiniz. Tabi ki Vue.js resmi sitesi ise https://vuejs.org/‘dur. Biraz araştırma ile Vue.js gönül vermiş bir çok blog, twitter ve medium hesabı bulabilirsiniz.

Okumaya devam et

Vue.js ve Google Analytics

Tüm sayfalarınızı takip etmek çok kolay!

Bir süre önce Vue.js ile uygulama geliştirmeye başladım. Her site sahibinin olmazsa olmazı analiz araçlarından Google Analytics’i kullanmamız gerekiyordu. Kısa bir araştırmadan sonra 5 satır kod ile uygulamamızı izleyebileceksiniz.

vue-analytics kütüphanesi hazırlayan Matteo Gabriele kişisel blogunda diyor ki: “Track all your pages with 5 lines of code”

Nasıl kullanacağız? Projemize NPM kullarak kuruyoruz.

npm install vue-analytics

Kurduktan sonra Vue instance kullanabilmesi için tanımlıyoruz.

import Vue from 'vue'
import VueAnalytics from 'vue-analytics'

Vue.use(VueAnalytics, {
  id: 'UA-XXX-X'
})

Geliştiricelere daha bir çok özellik sunmaktadır. Öğrenmek için dökümanları inceleyebilirsiniz.