vue_4.添加一个事件监听器
处理用户输入v-on 指令添加一个事件监听器{ { message } }逆转消息var app5 = new Vue({el: '#app-5',data: {message: 'Hello Vue.js!'},methods: {reverseMessage: function () {this.message
·
处理用户输入
v-on 指令添加一个事件监听器
<div id="app-5">
<p>{ { message } }</p>
<button v-on:click="reverseMessage">逆转消息</button>
</div>
var app5 = new Vue({
el: '#app-5',
data: {
message: 'Hello Vue.js!'
},
methods: {
reverseMessage: function () {
this.message = this.message.split('').reverse().join('')
}
}
})
双向绑定
v-model 指令,它能轻松实现表单输入和应用状态之间的双向绑定
<div id="app-6">
<p>{{ message }}</p>
<input v-model="message">
</div>
var app6 = new Vue({
el: '#app-6',
data: {
message: 'Hello Vue!'
}
})
更多推荐
已为社区贡献4条内容
所有评论(0)