# on directive
{% code title="index.html" %}
```markup
{{ title }}
```
{% endcode %}
{% code title="main.js" %}
```javascript
import Vue from "vue";
new Vue({
el: "#app",
data: {
title: "title"
},
methods: {
changeTitle(event) {
// this.data.title へのアクセスは簡略化できる
// title を input から送られて来たものに変更
this.title = event.target.value;
}
}
});
```
{% endcode %}