default prop value vue code example
Example 1: vue js default prop
props: {
name: {
type: String,
default: 'John Doe'
}
}
Example 2: vue prop string or number
props: {
users_count: {
type: [Number, String],
required: true
}
},
Example 3: vue js default props
props: {
year: {
default: 2016,
type: Number
}
}
Example 4: vuejs does props factory function have access to vue instance
Vue.component('foo', {
template: '<div>{{ num }}</div>',
props: {
func: {
type: Number,
default: () => this.a,
},
},
data() {
return {
num: this.func(),
a: -22
}
}
})
new Vue({
el: '#app',
});