vue技术分享之你可能不知道的7个秘密

<input
  :value="value"
  v-bind="$attrs"
  v-on="listeners"
>
computed: {
 listeners() {
  return {
   ...this.$listeners,
   input: event =>
    this.$emit('input', event.target.value)
  }
 }
}

$attrs包含了父作用域中不作为 prop 被识别 (且获取) 的特性绑定 (class 和 style 除外)。当一个组件没有声明任何 prop 时，这里会包含所有父作用域的绑定，并且可以通过

 v-bind="$attrs" 

$listeners包含了父作用域中的 (不含 .native 修饰器的) v-on 事件监听器。它可以通过

 v-on="$listeners" 

总结

以上所述是小编给大家介绍的vue技术分享之你可能不知道的7个秘密，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持！