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

 
(같은 사용자의 중간 판 2개는 보이지 않습니다)
9번째 줄: 9번째 줄:
<script src="https://unpkg.com/vue/dist/vue.global.prod.js"></script>
<script src="https://unpkg.com/vue/dist/vue.global.prod.js"></script>
<script>
<script>
Vue.createApp({
  Vue.createApp({
  data() {
    data() {
    return {
      return {
      seen: true
        seen: true
      }
     }
     }
   }
   }).mount('#app')
}).mount('#app')
</script>
</script>
</syntaxhighlight>
</syntaxhighlight>


==같이 보기==
==같이 보기==
* [[Vue.js v-else]]
* [[Vue.js v-for]]
* [[Vue.js v-for]]
* [[Vue.js v-show]]
* [[Vue.js v-show]]
25번째 줄: 26번째 줄:


==참고==
==참고==
* https://vuejs.org/v2/guide/
* https://vuejs.org/api/built-in-directives.html#v-if


[[분류: Vue.js]]
[[분류: Vue.js]]

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 참고[ | ]

문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}