Vue bileşen sahne donanımı için varsayılan değerler ve kullanıcının pervane ayarlayıp ayarlamadığını nasıl kontrol edebilirim?

1. Vue 2'de bir bileşen desteği için varsayılan değeri nasıl ayarlayabilirim? Örneğin, moviesbu şekilde kullanılabilecek basit bir bileşen vardır:

<movies year="2016"><movies>



Vue.component('movies', {
    props: ['year'],

    template: '#movies-template',
    ...
}

Ancak, bir kullanıcı yearşunları belirtmezse :

<movies></movies>

bileşen yearpervane için bazı varsayılan değerler alacaktır .

2. Ayrıca, bir kullanıcının pervane ayarlayıp ayarlamadığını kontrol etmenin en iyi yolu nedir? Bu iyi bir yol mu:

if (this.year != null) {
    // do something
}

ya da belki bu:

if (!this.year) {
    // do something
}

?

Vuevarsayılan bir propdeğer belirlemenize izin verir ve typedoğrudan bir nesne oluşturarak (bkz: https://vuejs.org/guide/components.html#Prop-Validation ):

props: {
  year: {
    default: 2016,
    type: Number
  }
}

Yanlış tip geçilirse, bir hata atar ve konsolda kaydeder, işte keman:

https://jsfiddle.net/cexbqe2q/

Bu eski bir soru, ancak sorunun ikinci kısmı ile ilgili olarak - kullanıcının bir pervane ayarlayıp ayarlamadığını nasıl kontrol edebilirsiniz?

thisBileşen içinde teftiş ediyoruz this.$options.propsData. Prop burada varsa, kullanıcı açıkça ayarladı; varsayılan değerler gösterilmez.

Bu, değerinizi gerçekten varsayılanıyla karşılaştıramayacağınız durumlarda yararlıdır, örneğin prop bir işlevse.