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 |
|---|---|---|
| 2213 | 2026. 02. 11. | React Server Components 심화 패턴과 활용 |
| 2212 | 2026. 02. 11. | Next.js 15 App Router 완벽 가이드 |
| 2171 | 2026. 02. 11. | Astro vs Remix vs SvelteKit: 풀스택 프레임워크 비교 |
| 2170 | 2026. 02. 11. | 프론트엔드 테스트 전략: Vitest + Testing Library + Playwright |
| 2169 | 2026. 02. 11. | React 19 신기능: use(), Actions, 서버 컴포넌트 개선 |
| 2168 | 2026. 02. 11. | Web API 최신 트렌드: View Transitions, Popover, Container Queries |
| 2167 | 2026. 02. 11. | Vite 6.0: 차세대 프론트엔드 빌드 도구 |
| 2166 | 2026. 02. 11. | Tailwind CSS 4.0과 모던 CSS 프레임워크 동향 |
| 2165 | 2026. 02. 11. | Zustand vs Jotai vs Recoil: React 상태 관리 비교 2025 |
| 2164 | 2026. 02. 11. | TypeScript 5.x 신기능과 타입 시스템 고급 활용 |