"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>
 <div id="app-3">
    <p v-if="seen">Now you see me</p>
 </div>
-<script src="//unpkg.com/vue"></script>
+<script src="https://unpkg.com/vue/dist/vue.global.prod.js"></script>
 <script>
-var app3 = new Vue({
+  Vue.createApp({
-  el: '#app-3',
+    data() {
-  data: {
+      return {
-    seen: true
+        seen: true
-  }
+      }
-})
+    }
+  }).mount('#app')
 </script>
-</source>
+</syntaxhighlight>
-<jsfiddle>b7vsypte</jsfiddle>
 ==같이 보기==
+* [[Vue.js v-else]]
 * [[Vue.js v-for]]
 * [[Vue.js v-show]]
@@ 25번째 줄: / 26번째 줄: @@
 ==참고==
-* https://vuejs.org/v2/guide/
+* https://vuejs.org/api/built-in-directives.html#v-if
 [[분류: Vue.js]]