【基础】处理用户输入

处理用户输入

• 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>