(二)02 -设置事件——$listeners 设置父组件传来的所有事件

设置事件——$listeners 设置父组件传来的所有事件

<moo placeholder="" required @focus="handleFocus" @blur="handleBlur"></moo>

• 父组件调用传入的是自定义事件，需要在子组件中触发事件

  <input type="text" @focus="$emit('focus', $event)">
  <!-- $event 是触发事件的时候，把事件对象传入调用方法中 -->
  

• 上面的使用方式过于麻烦，可以类似 $attrs 的方式简化

  <input type="text" v-on="$listeners">
  

• $listeners 和 $attrs 使用方式类似

  • $attrs 设置父组件传来的所有特性，不包含事件

  • $listeners 设置父组件传来的所有事件

    <input type="text" v-on="$listeners" v-bind="$attrs">