CLIBir Vue.js projesini başlatmak için komut satırını ( ) kullandım. CLIOluşturulan src/componentsve src/viewsklasör.

Bir Vue projesiyle çalışmamın üzerinden birkaç ay geçti ve klasör yapısı bana yeni görünüyor.

İle oluşturulan bir Vue projesindeki viewsve componentsklasörler arasındaki fark nedir vue-cli?

Her şeyden önce, her iki klasör src/componentsve src/viewsVue bileşenlerini içerir.

Temel fark, bazı Vue bileşenlerinin yönlendirme için Görünümler olarak davranmasıdır .

Vue'da yönlendirme ile uğraşırken, genellikle Vue Router ile , bileşende kullanılan mevcut görünümü değiştirmek için yollar tanımlanır <router-view>. Bu rotalar genellikle şurada bulunur src/router/routes.js, burada şöyle bir şey görebiliriz:

import Home from '@/views/Home.vue'
import About from '@/views/About.vue'

export default [
  {
    path: '/',
    name: 'home',
    component: Home,
  },
  {
    path: '/about',
    name: 'about',
    component: About,
  },
]

Altında bulunan bileşenlerin src/componentsbir rotada kullanılması daha az olasıdır, ancak altında bulunan bileşenler src/viewsen az bir yol tarafından kullanılacaktır.

Vue CLI, Vue ekosistemi için standart araç oluşturma temeli olmayı hedefliyor. Çeşitli derleme araçlarının mantıklı varsayılanlarla birlikte sorunsuz çalışmasını sağlar, böylece yapılandırmalarla uğraşarak günler geçirmek yerine uygulamanızı yazmaya odaklanabilirsiniz. Aynı zamanda, çıkarmaya gerek kalmadan her aracın yapılandırmasını değiştirme esnekliği de sunar.

Vue CLI, hızlı Vue.js geliştirmeyi hedefler, işleri basitleştirir ve esneklik sunar. Amacı, farklı beceri seviyelerine sahip ekiplerin yeni bir proje oluşturmasına ve başlamasına olanak sağlamaktır.

Günün sonunda kolaylık ve uygulama yapısı meselesidir .

• Bazı insanlar Görünümler klasörlerinin bu kurumsal standart şablona src/routerbenzer şekilde olmasını ister .
• Bazıları buna Görünümler yerine Sayfalar diyor .
• Bazı kişilerin tüm bileşenleri aynı klasör altında bulunur.

Üzerinde çalıştığınız projeye en uygun uygulama yapısını seçin.

Sanırım daha çok bir kongre. Yeniden kullanılabilir bir şey src / components klasöründe tutulabilir, yönlendiriciye bağlı bir şey src / views içinde tutulabilir.

Genelde yeniden kullanılabilir görünümlerin src/componentsdizine yerleştirilmesi önerilir . Üstbilgi, Altbilgi, Reklamlar, Izgaralar gibi örnekler veya stilize edilmiş metin kutuları veya düğmeler gibi özel kontroller. Bir görünümün içinden bir veya daha fazla bileşene erişilebilir.

Bir Görünüm bileşen (ler) içerebilir ve bir görünüme aslında gezinme url'si ile erişilmesi amaçlanmıştır. Genellikle yerleştirilirler src/views.

Bileşenlere url yoluyla erişme konusunda kısıtlı olmadığınızı unutmayın. Öğesine herhangi bir bileşen eklemekte router.jsve ona erişmekte özgürsünüz . Ancak bunu yapmayı planlıyorsanız, src/viewsyerleştirmek yerine a konumuna taşıyabilirsiniz src/components.

Bileşenler, asp.net web formlarına benzer şekilde kullanıcı denetimleridir.

Bu, kodunuzu daha iyi bakım ve okunabilirlik için yapılandırmakla ilgilidir.

Her iki klasör de bileşenleri içerdiğinden temelde aynıdır, ancak Vue'nun estetiği, sayfalar olarak işlev görecek bileşenlerin (gezinme için benzer sayfaya yönlendirilmiş) /viewsklasörde tutulması ve form alanları gibi yeniden kullanılabilir bileşenlerin /componentsklasörde tutulmasıdır. .