Vue.js 클릭이벤트 v-on:click

1 개요

Vue.js 클릭이벤트 v-on:click

<div id="app-5">
  <p>{{ message }}</p>
  <button v-on:click="reverseMessage">메시지 뒤집기</button>
</div>

<script src="//unpkg.com/vue"></script>
<script>
var app5 = new Vue({
  el: '#app-5',
  data: {
    message: '안녕하세요! Vue.js!'
  },
  methods: {
    reverseMessage: function () {
      this.message = this.message.split('').reverse().join('')
    }
  }
})
</script>

2 같이 보기

• Vue.js 단축표기
• Vue.js 시작하기
• Vue.js 계산된 속성 computed

3 참고

• https://vuejs.org/v2/guide/