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.
352
실전 코드로 배우는 Vue.js
TIP
이동 효과 추가하기
<
effect
>-
move
클래스(예:
fadein
-
move
)를 추가하면 다양한 이동 효과를 줄 수 있다. 목록 항목들이 한층 매끄
럽게 움직이도록 꾸밀 때 편리하다.
지금까지
transition
과
transition
-
group
컴포넌트 사용법을 살펴봤다. 모두 순조롭게
따라왔을 것이다. 다음 절에서는 이러한 컴포넌트를
router
-
view
엘리먼트와 조합하고, 라
우트를 오갈 때마다 매끄러운 전환 효과를 입힐 것이다.
10.410.4
라우트 트랜지션 라우트 트랜지션
Vue
라우터
4
.
0
부터는
router
-
view
컴포넌트를
transition
엘리먼트로 감쌀 수 없다. 대
신
router
-
view
의
v
-
slot
API
로
Component
prop
를 노출하고
component
에 동적으로
전환 효과를 적용한다. 다음 코드를 살펴보자.
<router-view v-slot="{ Component }">
<transition name="slidein">
<component :is="Component" />
</transition>
</router-view>
Component
prop
는
router
-
view
자리에 렌더할 대상 컴포넌트를 가리킨다. 내부에서
component
엘리먼트로 동적 컴포넌트를 생성하고 ...
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.