> For the complete documentation index, see [llms.txt](https://super-yusuke.gitbook.io/udemy-vue-basic/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://super-yusuke.gitbook.io/udemy-vue-basic/untitled/v-on.md).

# v-on

v-bind は vue から dom に紐づけるイメージ。on は dom からのイベントを受け取るイメージ

<https://codesandbox.io/s/32m11mox55>

{% code title="main.js" %}

```javascript
import Vue from "vue";

new Vue({
  el: "#app",
  data: {
    count: 1
  },
  methods: {
    plus() {
      this.count = this.count + 1;
      // or this.count++
    }
  }
});


```

{% endcode %}