Skip to content

Commit 2388706

Browse files
committed
v-if 디렉터리와 관련하여 원문과 다른 내용 수정
1 parent 2d800ff commit 2388706

File tree

1 file changed

+4
-13
lines changed

1 file changed

+4
-13
lines changed

src/v2/guide/conditional.md

Lines changed: 4 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -6,26 +6,17 @@ order: 7
66

77
## `v-if`
88

9-
Handlebars와 같은 문자열 템플릿에서는 다음과 같은 조건부 블록을 작성할 수 있습니다.
9+
`v-if` 디렉티브는 조건에 따라 블록을 렌더링하기 위해 사용됩니다. 블록은 디렉티브의 표현식이 true 값을 반환할 때만 렌더링됩니다.
1010

1111
``` html
12-
<!-- Handlebars 템플릿 -->
13-
{{#if ok}}
14-
<h1>Yes</h1>
15-
{{/if}}
16-
```
17-
18-
Vue에서는 `v-if` 디렉티브를 사용하여 같은 결과를 얻을 수 있습니다.
19-
20-
``` html
21-
<h1 v-if="ok">Yes</h1>
12+
<h1 v-if="awesome">Vue is awesome!</h1>
2213
```
2314

2415
`v-else`와 함께 "else 블록"을 추가하는 것도 가능합니다.
2516

2617
``` html
27-
<h1 v-if="ok">Yes</h1>
28-
<h1 v-else>No</h1>
18+
<h1 v-if="awesome">Vue is awesome!</h1>
19+
<h1 v-else>Oh no 😢</h1>
2920
```
3021

3122
### `<template>``v-if`을 갖는 조건부 그룹 만들기

0 commit comments

Comments
 (0)