使用【v-model】。

输入框

<template>
    <h1>表单输入绑定</h1>
    <input type="text" v-model="message">
    <p>输入的值：{{ message }}</p>
</template>
<script>
    export default{
        data(){
            return{
                message:""
            }
        }
    }
</script>

复选框

修饰符

1. 失去焦点【不是实时获取】
2. 只获取数字
3. 去掉前后空格