How to access props in vue code example
Example 1: vue get props into data
props : {
users : Array,
currentuser: Number,
todoId : Number
},
mounted() {
this.current = this.currentuser
},
data(){
return{
current: null
}
Example 2: vue js default prop
props: {
name: {
type: String,
default: 'John Doe'
}
}
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>
Example 4: vuejs accessing props from data
data: function() {
var theData = {
somevar: this.messageId,
}
return theData;
}