"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

@@ 7번째 줄: / 7번째 줄: @@
 </div>
-<script src="https://unpkg.com/vue/dist/vue.global.js"></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>
 </syntaxhighlight>
 ==같이 보기==
+* [[Vue.js v-else]]
 * [[Vue.js v-for]]
 * [[Vue.js v-show]]
@@ 24번째 줄: / 26번째 줄: @@
 ==참고==
-* https://vuejs.org/v2/guide/
+* https://vuejs.org/api/built-in-directives.html#v-if
 [[분류: Vue.js]]