Snippet

Component Props: defineProps

Props are custom attributes used to pass data from a parent component down to a child component. They make components reusable and dynamic.

snippet.js

javascript

<script setup>
const props = defineProps({
  title: String,
  views: Number
});
</script>

vue

Breakdown

const props = defineProps({ ... });

Uses the compiler macro to define the expected inputs for the component.

title: String

Specifies that the 'title' prop must be a text string.