[javascript] Vue 구성 요소 소품의 기본값 및 사용자가 소품을 설정하지 않았는지 확인하는 방법은 무엇입니까?

1. Vue 2에서 컴포넌트 소품의 기본값을 어떻게 설정합니까? 예를 들어, 다음과 같이 movies사용할 수 있는 간단한 구성 요소가 있습니다.

<movies year="2016"><movies>



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

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

그러나 사용자가 다음을 지정하지 않으면 year:

<movies></movies>

그런 다음 구성 요소는 year소품에 대해 일부 기본값을 사용합니다 .

2. 또한 사용자가 소품을 설정하지 않았는지 확인하는 가장 좋은 방법은 무엇입니까? 이것이 좋은 방법입니까?

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

또는 아마도 :

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

?

답변

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