Contents
see List작성일 2022. 07. 27.
<template>
<section>
<testChild ref="child01" />
</section>
</template>
<script>
import {ref} from "vue";
import testChild from "@/components/main/testChild ";
export default {
components: {
testChild ,
},
setup() {
const child01= ref(null); //템플릿의 ref 명과 변수명을 일치
const child01_call = (testValue) => {
child01.value.func_call(testValue); //자식 컴포넌트에 정의된 함수명 호출
}
return {
child01 //중요 필수사항
}
},
}
</script>
<style scoped>
</style>
javascript
| No | 작성일 | Title |
|---|---|---|
| 2163 | 2026. 02. 11. | React Server Components 심층 이해와 활용 |
| 2162 | 2026. 02. 11. | Next.js 15 App Router 완전 정복 가이드 |
| 2053 | 2025. 11. 30. | CSS-in-JS vs Tailwind CSS 비교 |
| 2052 | 2025. 11. 30. | Jest와 React Testing Library 테스트 작성 |
| 2051 | 2025. 11. 30. | Zustand - 간단한 상태 관리 라이브러리 |
| 2050 | 2025. 11. 30. | React Query(TanStack Query)로 서버 상태 관리 |
| 2049 | 2025. 11. 30. | Webpack에서 Vite로 마이그레이션 |
| 2048 | 2025. 11. 30. | JavaScript ES2024 새 기능 |
| 2047 | 2025. 11. 30. | Vue 3 Composition API 활용법 |
| 2046 | 2025. 11. 30. | Next.js App Router 마이그레이션 가이드 |