处理用户输入
- html
<div id="app">
<input type="text" v-model="message">
<button v-on:click="reverseMessage">点击执行reverseMessage将用户输入字符串进行翻转</button>
<p>{{message}}</p>
</div>
- js
<script>
// 初始化数据
window.onload = function () {
var vue = new Vue({
el: '#app',
data: {
message: ''
},
methods: {
reverseMessage: function () {
this.message = this.message.split('').reverse().join('');
}
}
});
};
</script>
