Neler yeni

Soru Sor ?

Sorular sorun ve topluluğumuzdan tanıtlar alın.

Yanıtlar Ver

Soruları yanıtlayın ve Vue.js uzmanı olun.

Uzman Kadro

Ücretsiz olarak sorularınız yanıtlanacaktır.

Arama sonuçlarınız

  1. oldner

    Vue.js geçmişi nasıl tutar? Karşınızda Vue-Router 4 ile gelen createWebHistory..

    Selamlar, Bugün sizlerle Vue.js ‘in history (geçmiş) tutma özelliğine bakacağız. Vue.js ‘in bir SPA (Single Page Application) özelliği sebebiyle sayfa değişiklikleri sırasında aslında gerçek anlamda farklı bir sayfaya gitmiyoruz. Çünkü adı üstünde Tek Sayfa Uygulaması. Peki bu geçiş...
  2. oldner

    Vuetify nedir?

    Merhabalar, hoşgeldiniz öncelikle. CSS konusunda kendinizi geliştirmek istiyorsanız size tavsiyem kendi CSS kütüphanenizi oluşturmanız olur. SCSS 'i inceleyip ardından Google Material yapısına bir göz atın. Vuetify da Google Material kullanıyor. Belli bir noktaya kadar bu framework ve...
  3. oldner

    vue router 'da tanımlanmış linki yenilemek

    Bunu farklı şekillerde de çözebilirsin hocam sanırım. Mesela update edilen bir içeriğin varsa beforeUpdate yada updated hooks larını kullanabilir, onların içerisinde dilersen force reload yaptırabilirsin. Bunun dışında maalesef bir çözüm önerim yok.
  4. oldner

    vue router 'da tanımlanmış linki yenilemek

    https://github.com/vuejs/vue-router/issues/2430#issuecomment-433615096 bu post u inceler misiniz lutfen?
  5. oldner

    vue router 'da tanımlanmış linki yenilemek

    Peki o sayfada herhangi bir icerik degisikligi oluyor mu siz tiklamadan once? Yani onceki halinden farkli herhangi bir sey var mi?
  6. oldner

    Vuetify 3 Ne Zaman Geliyor?

    Vue 3 ile uyumlu bir düzgün framework hala yok piyasada. Aynı şekilde Bootstrap-Vue da son çeyrekte yeni versiyonu yayınlayacaktı ancak bir takım sıkıntılar çıkıyor sanırım. Umarım bir an önce çözülür bu problemler
  7. oldner

    vue router 'da tanımlanmış linki yenilemek

    Merhabalar Bunun için birden fazla yöntem var. Mesela vue-router içerisindeki beforeEach fonksiyonuna gelen route ile gidecek route eşit ise sayfayı yenile diye bir komut verebilirsiniz. beforeEach: (to, from, next) => { if(to === from) { router.go(router.currentRoute)...
  8. oldner

    Vue.js iç içe geçmiş verileri izleme

    Selamlar, Bu yazıda Vue.js içerisinde iç içe geçmiş obje verilerini watch içerisinde nasıl izleyeceğimizi öğrenelim. Bunu yapmak için bence en iyi yöntem şu şekilde: watch:{ 'item.xProperty': function (newVal, oldVal){ //xProperty değiştiğinde çalışacak fonksiyon.. }...
  9. oldner

    Vue 3 Kök Bileşen

    createApp'e iletilen seçenekler, kök bileşenini yapılandırmak için kullanılır. Bu bileşen, uygulamayı bağladığımızda oluşturma için başlangıç noktası olarak kullanılır. Bir uygulamanın bir DOM öğesine bağlanması gerekir. Örneğin, bir Vue uygulamasını <div id = "app"> </div> içine monte etmek...
  10. oldner

    Uygulama ve Bileşen Örnekleri (Vue 3)

    Her Vue uygulaması, createApp işleviyle yeni bir uygulama örneği oluşturarak başlar: const app = Vue.createApp({ /* ayarlar */ }) Uygulama örneği, daha sonra o uygulama içindeki bileşenler tarafından kullanılabilecek 'globalleri' kaydetmek için kullanılır. Hızlı bir örnek olarak: const app =...
  11. oldner

    Lifecycle Şeması

  12. oldner

    Instance Lifecycle Hooks

    Her bir Vue örneği, oluşturulduğunda bir dizi başlatma adımından geçer - örneğin, veri gözlemini ayarlaması, şablonu derlemesi, örneği DOM'a eklemesi ve veriler değiştiğinde DOM'u güncellemesi gerekir. Yol boyunca, yaşam döngüsü kancaları adı verilen işlevleri de çalıştırarak kullanıcılara...
  13. oldner

    Veriler ve Yöntemler

    Bir Vue örneği oluşturulduğunda, veri nesnesinde bulunan tüm özellikleri Vue’nun reaktivite sistemine ekler. Bu özelliklerin değerleri değiştiğinde, görünüm yeni değerlerle eşleşecek şekilde güncellenerek "tepki verecektir". // data objemiz var data = { a: 1 } // data Vue örneğine eklendi var...
  14. oldner

    Vue Örneği Oluşturmak

    Her Vue uygulaması, Vue işleviyle yeni bir Vue örneği oluşturarak başlar: var vm = new Vue({ // ayarlar }) MVVM modeliyle sıkı bir şekilde ilişkilendirilmese de, Vue ’nun tasarımı kısmen ondan ilham almıştır. Bir kural olarak, Vue örneğimize atıfta bulunmak için genellikle değişken vm'yi...
  15. oldner

    Projeyi Bileşenlerle (Component) Oluşturma

    Bileşen sistemi, Vue'daki bir başka önemli kavramdır, çünkü küçük, bağımsız ve genellikle yeniden kullanılabilir bileşenlerden oluşan büyük ölçekli uygulamalar oluşturmamıza olanak tanıyan bir soyutlamadır. Bunu düşünürsek, hemen hemen her tür uygulama arayüzü bir bileşenler ağacına...
  16. oldner

    Kullanıcı Girdisini Yönetme

    Kullanıcıların uygulamanızla etkileşime girmesine izin vermek için, Vue örneklerimizde yöntemleri çağıran olay dinleyicileri eklemek için v-on direktifini kullanabiliriz: <div id="app-5"> <p>{{ message }}</p> <button v-on:click="reverseMessage">Reverse Message</button> </div> var app5 =...
  17. oldner

    Koşullar ve Döngüler

    Bir öğenin varlığını değiştirmek de kolaydır: <div id="app-3"> <span v-if="seen">Şimdi beni görüyorsun</span> </div> var app3 = new Vue({ el: '#app-3', data: { seen: true } }) Devam edin ve konsola app3.seen = false yazın. Mesajın kaybolduğunu görmelisiniz. Bu örnek, verileri...
  18. oldner

    Declarative Render Etme

    Vue.js'nin merkezinde, doğrudan şablon sözdizimi kullanarak verileri DOM'a bildirimsel olarak oluşturmamızı sağlayan bir sistem vardır: <div id="app"> {{ message }} </div> var app = new Vue({ el: '#app', data: { message: 'Merhaba Vue!' } }) İlk Vue uygulamamızı zaten oluşturduk...
  19. oldner

    Vue CLI ile proje oluşturmak

    vue create Yeni bir proje oluşturmak için şu kodu terminalden çalıştırın: vue create hello-world Bir ön ayar seçmeniz istenecektir. Temel Babel + ESLint kurulumuyla birlikte gelen varsayılan ön ayarı seçebilir veya ihtiyacınız olan özellikleri seçmek için "Özellikleri manuel olarak seç"...
  20. oldner

    Vue CLI kullanmalı mıyız?

    Vue CLI ile hiç vakit geçirmediyseniz, kısaca anlatalım. Vue CLI, babel veya webpack'in nasıl çalıştığını bilmenin karmaşıklığını gizlemesi açısından Angular CLI'ye benzer. Eklenebilip çıkarılabilir özelliği olduğundan TypeScript, Babel, Unit Testing, vb. kullanmaya ne zaman başlayacağınıza...
Üst