一、事件修饰符
二、v-model修饰符
①对于输入的内容,希望可以过滤首尾空格应该怎么做呢? .trim
②我们知道input输入框的type哪怕是number数字得到的值的类型也是string类型的数字,如果我们想直接拿到number类型的数据,有不想麻烦的手动转换应该怎么办呢?
密码:<input type="password" v-model="password">拿到的password是字符串类型的数字 <input type="password" v-model.number="password">拿到的password是数字类型的
三、.sync指令修饰符,v-bind:
①当我们想要在父组件和子组件之间对某个属性值进行双向绑定时,有什么便捷的方式?只要.sync修饰符即可办到,:visible.sync="visible"
在子组件里用this.$emit("update:text",this.count) //必须是update:xxx的形式xxx即属性props, 第二个this.count时要传的响应式数据
四、按键修饰符
①.enter 输入框回车时触发事件
<input @keyup.enter="handleKeyup" type="text" /> <button>搜索</button>
②其他按键修饰符