vue v-model 的修饰符

Vue中的v-model指令是用于实现双向绑定的，它可以将表单元素的值与组件的数据进行双向绑定。而修饰符则是用于改变v-model指令的行为。常见的v-model修饰符如下：

1. .lazy：在输入时不会同步数据，只有在失去焦点或按下回车键时才会同步数据。

2. .number：将输入的值转为数字类型。

3. .trim：去除输入值的首尾空格。

4. .debounce：延迟同步数据，避免频繁的更新。

5. .prevent：阻止默认行为，比如阻止表单的提交。

使用方法如下：

<input v-model.lazy="msg">
<input v-model.number="count">
<input v-model.trim="msg">
<input v-model.debounce="msg">
<input v-model.prevent="msg">

当然，你也可以自定义v-model的修饰符，方法如下：

Vue.directive('model', {
  bind: function (el, binding, vnode) {
    var modelName = vnode.context.$options._parentVnode.data.model.expression;
    var modelModifiers = vnode.context.$options._parentVnode.data.model.modifiers;
    // 自定义修饰符的处理逻辑
  }
})