Props와 Events

Vue.js에서 컴포넌트 간의 통신 방식은 부모-자식 관계, 형제 관계, 전역 상태 관리 등을 통해 이루어진다고 해요.그러면 이제, 주요 컴포넌트 통신 방식에 대해 알아봅시다! 1. PropsProps는 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달할 때, 사용해요.자식 컴포넌트는 props 옵션을 사용하여, 부모로부터 전달된 데이터를 수신합니다.다음 코드와 같이 사용할 수 있어요. props.html -->  결과AppHeader안에 propsdata라는 속성으로 데이터 hi가 내려간 것을 확인할 수 있습니다. 이를 활용하여, 다음과 같이 여러 컴포넌트에 props 속성을 사용할 수 있습니다. -..

• format_list_bulleted Front-End Study/Vue.js
• · 2024. 7. 4.
• textsms

props

props 1. props - React 라이브러리를 사용하는 컴포넌트 기반의 웹 애플리케이션에서 사용되는 용어 - React 컴포넌트는 함수 or 클래스 형태로 정의될 수 있으며, 이들은 속성을 받아들일 수 있음 - 이러한 속성들은 컴포넌트 내부에서 사용되어, 컴포넌트의 동작 or 표시 내용을 결정하는데 활용 2. 사용방법 - ProductListItem.js import React, { useState } from "react"; function ProductListItem(props) { // props를 사용하여, 데이터 전달 const imgNo = props.imgNo; const productName = props.name; const productPriceFormatted = props.p..

• format_list_bulleted Front-End Study/React
• · 2023. 8. 2.
• textsms