Vue—组件实例之$listener

目录

一、概述

二、实例

---

一、概述

$listener属性包含了父作用域中当前组件绑定的所有事件监听，使用native修饰器的事件监听除外。v-on指令可以将$listener属性包含的事件监听传入内部组件，如下代码所示，在创建高级组件时非常实用。

<child v-on="$listeners"></child >

二、实例

实例一：父子组件事件传递

<!--父组件-->
<template>
  <div>
    <my-input type="text" @focus="focus"></my-input>
  </div>
</template>
<script>
import myInput from './my