Vue.js 双向数据绑定和事件监听实例 - 小沈阳变肉丝儿

<div id="app">
<input type="text" value="xiaoshenyang">
<!-- v-model实现数据的双向的绑定 -->
<!-- @blur失去焦点的事件-->
<input type="text" v-model="username"
@blur="changeIpt">
<button
@click="changeUsername">按钮</button>
</div>
<script>
let app = new Vue({
el:'#app',
data:{
username:'小沈阳'
},
methods:{
changeUsername(){
this.username ='肉丝儿'
},
changeIpt(){
console.log(this.username);
}
}
})</script>