"Vue.js 조건문 v-if"의 두 판 사이의 차이

2022년 2월 11일 (금) 00:34 기준 최신판

1 개요[ | ]

Vue.js 조건문 v-if

<div id="app-3">
  <p v-if="seen">Now you see me</p>
</div>

<script src="https://unpkg.com/vue/dist/vue.global.prod.js"></script>
<script>
  Vue.createApp({
    data() {
      return {
        seen: true
      }
    }
  }).mount('#app')
</script>

2 같이 보기[ | ]

3 참고[ | ]

https://vuejs.org/api/built-in-directives.html#v-if

@@ 2번째 줄: / 2번째 줄: @@
 ;Vue.js 조건문 v-if
-<source lang='html'>
+<syntaxhighlight lang="html" run>
-</source>
+<div id="app-3">
-<jsfiddle>b7vsypte</jsfiddle>
+  <p v-if="seen">Now you see me</p>
+</div>
+<script src="https://unpkg.com/vue/dist/vue.global.prod.js"></script>
+<script>
+  Vue.createApp({
+    data() {
+      return {
+        seen: true
+      }
+    }
+  }).mount('#app')
+</script>
+</syntaxhighlight>
 ==같이 보기==
-* [[Vue.js 반복문 v-for]]
+* [[Vue.js v-else]]
-* [[Vue.js 시작하기]]
+* [[Vue.js v-for]]
-* [[Vue.js]]
+* [[Vue.js v-show]]
+* [[if]]
-==참고 자료==
+==참고==
-* https://vuejs.org/v2/guide/
+* https://vuejs.org/api/built-in-directives.html#v-if
 [[분류: Vue.js]]