Vue组件之 子传父踩坑记录

问题:

Event "fatherChange" is emitted in component <MyComponent> but the handler is registered for "fatherChange". Note that HTML attributes are case-insensitive and you cannot use v-on to listen to camelCase events when using in-DOM templates. You should probably use "listen-to-child-event" instead of "fatherChange"

解决方法：

将驼峰转为小写father-change 或者  father-change
如：this.$emit('father-change',this.count)
<my-component v-on:father-change="onChange"></my-component>
或
<my-component @father-change="onChange"></my-component>

注意：

1.父子组件传值时，this.$emit("fatherChange",index);父组件监听 @fatherChange=""; 此时方法不会起效
2.将驼峰转为小写father-change 或者 father-change