October 2024
Beginner to intermediate
452 pages
9h 28m
Korean
Content preview from 실전 코드로 배우는 Vue.js
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
181
CHAPTER 04
컴포넌트 상호작용
지금까지 배운 부분은
ProductList
에서
provide
를 통해 특정 데이터값을 자손에게 전달하
는 방법이었다. 다음으로 이렇게 전달된 값을 자손에 주입하고 작동시키는 방법을 알아보자.
4.4.2
inject
와 데이터 수신
props
와 마찬가지로
inject
필드는 문자열 배열 (
inject
: [
selectedId
]
) 또는 객체를
지정한다. 배열의 각 문자열은
provide
에 지정된 데이터 키를 가리킨다.
inject
에 객체를 지정할 경우, 객체의 각 프로퍼티는 로컬 데이터 키가 된다. 해당 객체는
다음과 같은 필드 구조를 따라야 한다.
{
from?: string;
default: any
}
로컬 프로퍼티 키가 조상에서 제공된 데이터 키와 동일할 때는
from
을 생략할 수 있다. [예제
4
-
23
]에서
ProductList
는
selectedIds
데이터를 자손에 제공하며, [예제
4
-
25
]의
Pro-
ductComp
컴포넌트는 이 데이터를 수신하고
currentSelectedIds
로 로컬 이름을 바꾸어
사용한다.
예제
4-25
제공된 데이터가 주입된
ProductComp
컴포넌트
<script lang='ts'>
export default {
//...
inject: {
currentSelectedIds: ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access
More than 5,000 organizations count on O’Reilly
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.Julian F.
I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.Addison B.
I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.Amir M.
I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.