在使用this.$emit()时候，给报的警告

Extraneous non-emits event listeners (addBtn) were passed to component but could not be automatically；

image.png

<template>
//如果在子页面中的template模板中，没有添加div包裹组件内容，就会出现提示
“无关的非发出事件监听器(addBtn)被传递给组件，但无法自动继承，因为组件呈现片段或文本根节点。
如果侦听器仅用于组件自定义事件侦听器，请使用“emits”选项声明它。”

  <!-- <div class="addBox"> -->
    <button @click="add(1)">+1</button> 
    <button @click="add(10)">+10</button> 
  <!-- </div> -->
</template>

# 解决方法：
1. 直接在外面包裹一层div，问题直接解决
2. 在export dafault{
    //数组写法
    emits:['addBtn']
    //对象写法--了解一下即可，平时用不到
    // emits: {
    //   addBtn: function(count) {
    //     if (count <= 10) {
    //       return true
    //     }
    //     return false
    //   }
    // },
}
注册声明一下所有的自定义发出事件，并且注册后也能父页面写自定义事件能友好的提示
# 在template中包裹一层div警告就已经消失，无论是否有报错，自定义组件最好都用emits注册声明一下