使用【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. 去掉前后空格