setting props in vue code example
Example 1: vuejs props
// Component file
<script>
export default {
props: {
name: {
type: String,
required: true
}
}
};
</script>
// File you call your component
<template>
<your-component name="name"></your-component>
</template>
Example 2: vuejs props
export default {
name: 'Camera',
props: ['name', 'img'],
}
Example 3: vue passing props
<blog-post v-bind:title="post.title"></blog-post>
<blog-post
v-bind:title="post.title + ' by ' + post.author.name"
></blog-post>