Mehmet Ozdemir Ce

Development Server yani app server App Server Biz bir sunucu üzerinden uygulamamızı http protokolunün nimetlerinden faydalanmak için kullanıyoruz uygulamamızı geçek şartlar altında test etmemizi sağla browser tarafından dosyalalrımızı lazy load yükleyebilmemiz gerekir ki efficiency calissin development server içersinde yazdığımız kodları günün sonunda derlicez vue js frameworkünü ve projenin tamamını içeren bir js dosyası elde edeceğiz. minify edilmis bisey olcak eninde sonunda canliya aktarırken js dosyası elde edeceğiz bu js dosyasını herhangi bir yerde kullana bilmemiz icin istediğimiz gibi import etcez development workflow: --> ecma script 5 ten 6 ya convert olayını bu yapıyor birden fazla sınıfla calısmak istediğimizde wf devreyegiriyor single file template el properties kısmını temsil ediyor karakter duyarliliği compnent secicileri pre-processors ve daha fazlası ecma script 5 ten6 ya 6-5 cevirme isleri gibi development workflow u vue Cli sağlıyor command line in...

Vue Resource dis dünya ile iletisimi saglayacağımız bir kutuphane CDN uzerinden dahil edebilirsiniz dişarıda bulunan bir servera istek gondermek icin kullanılablir alternatifi axis mis öğrencez local olarak ta yüklenip kullanılabilir CDN üzerinden de yükleyebilirsiniz. npm install vue-resource -- npm den node package manager diye yüklüyoruz kullanmak icin mainJS te import etcez Main JS te ----------- main js icinde --------------------- import VueResource from "vue-resource"; ... Vue.use(VueResource); ----------------------------------------------- Mainjs end App.vue ------------------------------------------------------app vue ...

Vetur plugin kullan Vue Js güzel bir frontend teknolojisidir. temel bilgiler yer alacak v-bind:href="link" v-bind directive ile attribute bağlamak v-once ilk renderdan sonra değer değişmemesini sağlıyor v-html ile datadan gelen html i doğrudan sayfaya html kodu olarak yorumlanabilmesini sağlar html: {{ title }} {{ sayHello() }} - Google js: new Vue({ el: '#app', data: { title: 'Hello World!', link: 'http://google.com', finishedLink: ' Google ' }, methods: { sayHello: function() { this.title = 'Hello!'; return this.title; } } }); vueJs icersinden herhangi bir elementime nasıl ulaşabilirim ref atribute ile ulasabilirim bu tur ulasımdan sonraki degisimler watherLayer tarafından ele alınmaz kalıcı olmaz yani