కూర్పులు తిరిగి ఉపయోగించదగిన, స్వతంత్ర UI భాగాలు. Props అనేది పేరెంట్ కూర్పు చైల్డ్కు డేటాను క్రిందికి పంపే మార్గం — అవి చైల్డ్ యొక్క టైప్ చేసిన, చదవడానికి మాత్రమే ఇన్పుట్లు.
చైల్డ్లో props నిర్వచించడం
vue
<!-- UserCard.vue -->
<script setup>
// declare props with types, requirements, and defaults
const props = defineProps({
name: { type: String, required: true },
age: { type: Number, default: 0 },
isAdmin: { type: Boolean, default: false },
});
</script>
<template>
<div class="card">
<h2>{{ name }}</h2> <!-- use props directly in the template -->
<p>Age: {{ age }}</p>
</div>
</template>