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.
81
CHAPTER 02
Vue의 기본 작동 방식
.
shift
와
.
exact
가 결합되어 있어 사용자가
오직
[
Shift
] 키만 누른 상태에서 클릭해야만
이벤트가 실행된다.
2.132.13
vv
--
ifif
, ,
vv
--
elseelse
, ,
vv
--
elseelse
--
ifif
를 이용한 조건부 렌더링를 이용한 조건부 렌더링
조건부 렌더링
conditional
rendering
을 활용하면
DOM
에서 엘리먼트를 생성하거나 제거할 수 있다.
불리언 데이터 프로퍼티인
isVisible
이 있다고 가정하자. 이 프로퍼티는
Vue
가 텍스트 엘
리먼트를
DOM
에 렌더링하고 사용자에게 보여줄지 결정한다. [예제
2
-
12
]처럼 텍스트 엘리
먼트에
v
-
if
="
isVisible
"
을 추가하면
v
-
if
디렉티브가
isVisible
에 바인딩된다. 엘리
먼트는
isVisible
이
true
인 경우에만 반응적으로 렌더링된다.
예제
2-12
v
-
if
의 사용 예시
import { createApp } from 'vue'
const App = {
template: `
<div>
<div v-if="isVisible">I'm the text in toggle</div>
<div>Visibility: {{isVisible}}</div>
</div>
`,
data() {
return {
isVisible: ...
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.