Valori predefiniti per i puntelli dei componenti Vue e come verificare se un utente non ha impostato il puntello?

1. Come posso impostare il valore predefinito per un oggetto componente in Vue 2? Ad esempio, esiste un moviescomponente semplice che può essere utilizzato in questo modo:

<movies year="2016"><movies>



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

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

Ma, se un utente non specifica year:

<movies></movies>

quindi il componente avrà un valore predefinito per il yearprop.

2. Inoltre, qual è il modo migliore per verificare se un utente non ha impostato il prop? È un buon modo:

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

o forse questo:

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

?

Vueti permette di specificare un propvalore predefinito e typedirettamente, creando oggetti di scena (vedi: https://vuejs.org/guide/components.html#Prop-Validation ):

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

Se viene passato il tipo sbagliato, genera un errore e lo registra nella console, ecco il violino:

https://jsfiddle.net/cexbqe2q/

Questa è una vecchia domanda, ma per quanto riguarda la seconda parte della domanda: come puoi verificare se l'utente ha impostato / non impostato un oggetto?

Ispezionando thisall'interno del componente, abbiamo this.$options.propsData. Se il prop è presente qui, l'utente lo ha impostato esplicitamente; i valori predefiniti non vengono visualizzati.

Questo è utile nei casi in cui non puoi davvero confrontare il tuo valore con il suo valore predefinito, ad esempio se il prop è una funzione.