"Vue.js methods"의 두 판 사이의 차이

잔글 (봇: Jmnote의 2020-10-26T04:37:45Z 에 작성한 602697 판으로 되돌림)
잔글 (봇: 자동으로 텍스트 교체 (-source +syntaxhighlight))
2번째 줄: 2번째 줄:
;Vue.js methods
;Vue.js methods


<source lang='html'>
<syntaxhighlight lang='html'>
<div id="app">
<div id="app">
   <span>{{ count }}</span>
   <span>{{ count }}</span>
23번째 줄: 23번째 줄:
})
})
</script>
</script>
</source>
</syntaxhighlight>
<jsfiddle>8gq042te</jsfiddle>
<jsfiddle>8gq042te</jsfiddle>



2020년 11월 2일 (월) 00:56 판

1 개요

Vue.js methods
<div id="app">
  <span>{{ count }}</span>
  <button @click="increment">+</button>
</div>

<script src="//unpkg.com/vue"></script>
<script>
new Vue({
  el: '#app',
  data: {
    count: 0
  },
  methods: {
    increment() {
      this.count++
      console.log(this.count)
    }
  }
})
</script>

2 같이 보기

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