Vue基础-v-on事件响应

<div id="app">
    <p>{{ message }}</p>

    <input type="text" v-model="message"></input>  <!--可以同时绑定p和input-->
    <button v-on:click="reverseMessage">反转字符串</button>
</div>

<script>
    new Vue({
        el: '#app',
        data: {
            message: 'Runoob!'
        },
        methods: {
            reverseMessage: function () {
                this.message = this.message.split('').reverse().join('')
            }
        }
    })
</script>

转载于:https://www.cnblogs.com/clamp7724/p/11316602.html