on directive
index.html
<body>
<div id="app">
<!-- input が変更されたら changeTitle という method を起動 -->
<input type="text" @input="changeTitle">
{{ title }}
</div>
<!-- built files will be auto injected -->
</body>main.js
import Vue from "vue";
new Vue({
el: "#app",
data: {
title: "title"
},
methods: {
changeTitle(event) {
// this.data.title へのアクセスは簡略化できる
// title を input から送られて来たものに変更
this.title = event.target.value;
}
}
});
Last updated