$listeners与.native的使用
官网解释:
包含了父作用域中的 (不含 .native 修饰器的) v-on 事件监听器。它可以通过 v-on="$listeners" 传入内部组件——在创建更高层次的组件时非常有用。
个人理解:
创建parent组件的子组件child,child的子组件child_child
代码如下:
<div id="app">
<parent ></parent>
</div>
<script>
var child_child = {
template:`
<div>
<div>-------------------</div>
<div>child_child</div>
</div>
`,
mounted(){
console.log("child_child的$listeners值",this.$listeners);
}
}
var child = {
template:`
<div>
<div>-------------------</div>
<div>child</div>
<child_child>child_child</child_child>
</div>
`,
components:{
child_child,
},
mounted(){
console.log("child的$listeners值",this