[vue] #2 Vue 학습하기 / 메소드 호출 &

1. 메소드 호출하기

 

v-on

 

html을 다음과 같이 입력하고

<div id="app">
  <p>{{ message }}</p>
  <button v-on:click="clickMessage">버튼!</button>
</div>

다음과 같이 javascript를 입력하면 버튼을 클릭할 시 clickMessage가 실행되고 경고창이 뜨게 된다.

var app = new Vue({
  el: '#app',
  data: {
    message: '이 글자가 경고창에 뜹니다'
  },
  methods: {
    clickMessage: function () {
      alert(app.message)
    }
  }
})

 

2. 컴포넌트란?