new Vue({
el: "#app",
data: {
name: "zhenghui2"
},
methods: {
changName: function(event) {
this.name = event.target.value;
}
}
})
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">
</script>
<h1>
zhenghui
</h1>
<div id="app">
<input type="text" v-on:input="changName" />
<h1>
{{ name }}
</h1>
</div>
input {
border: 1px solid #ddd;
height: 30px;
padding: 0px 5px;
}
input:focus {
box-shadow: 0px 0px 9px sky;
}