vue component prop type list code example
Example 1: vue js default prop
props: {
name: {
type: String,
default: 'John Doe'
}
}
Example 2: 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',
});
Example 3: vuejs components props pass array
<!-- Even though the array is static, we need v-bind to tell Vue that -->
<!-- this is a JavaScript expression rather than a string. -->
<blog-post v-bind:comment-ids="[234, 266, 273]"></blog-post>
<!-- Dynamically assign to the value of a variable. -->
<blog-post v-bind:comment-ids="post.commentIds"></blog-post>