Vue.js는 Props 개념을 제공합니다.

안녕하세요! Props는 Vue.js에서 가장 필요한 부분 중 하나이며, 구성요소 간 정보 교환을 가능하게 해줍니다. 소품 사용은 설정 기능 내에서 수행됩니다. 아래는 <스크립트 설정> 다음 작업 방법을 자세히 알아보세요.

1. 소품 정의: DefineProps 함수는 Vue.js에서 props를 정의하는 데 사용됩니다. DefineProps 객체는 props의 유형과 속성을 정의하는 데 사용됩니다.

<template>
  <div>
    <h1>{{ title }}</h1>
    <p>{{ message }}</p>
  </div>
</template>

<script setup>
import { defineProps } from 'vue'

// Props-larni aniqlash
const props = defineProps({
  title: {
    type: String,
    required: true
  },
  message: {
    type: String,
    default: 'Default message'
  }
})
</script>

여기서 props 객체는 제목과 메시지 props를 정의합니다. title prop 유형은 문자열이고 필수(필수: true)이며, 메시지에는 문자열 유형과 기본값(기본 메시지)이 있습니다.

1. 소품 사용: DefineProps 함수에 의해 정의된 props는