Vue.js methods

1 개요

Vue.js methods

<script>
export default {
  data() {
    return {
      count: 0
    }
  },
  methods: {
    increment() {
      this.count++
    }
  },
  mounted() {
    console.log(`The initial count is ${this.count}.`)
  }
}
</script>

---

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

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

2 같이 보기

• Vue.js data
• Vue.js mounted
• Vue.js async method
• Vue.js 카운터 예제
• Vuex 시작하기