1. I am looking for a way to set a default value for a component prop in Vue 2. Take, for example, a basic movies component that can be utilized like this:
<movies year="2016"><movies>
Vue.component('movies', {
props: ['year'],
template: '#movies-template',
...
}
However, if a user doesn't specify the year:
<movies></movies>
then the component should default to a predetermined value for the year prop.
2. Additionally, what is the most effective method to verify whether a user has not defined the prop? Is this an appropriate approach:
if (this.year != null) {
// do something
}
Or maybe consider using this instead:
if (!this.year) {
// do something
}
?