$emit()不触发父组件方法 Vue

• 同样的错误犯了两遍特此记录

1. 方法没有写在Vue methods: {} 内

<template>
	<BankList @foo="bar"></BankList>
</template>
<script>
	methods: {
		// 写在methods内部才能接收到,有时候写到外面半天没找到原因也没报错,这么个错误找个一个小时
		bar() {
		}
	}
</script>
	

2. $emit() 触发的是子节点,而不是父节点

this.$parent.$emit('foo');

3. 以.vue结尾的文件 使用vue-cli 3.0 以上版本已经支持自动转换 驼峰命名,所以一般不是这个问题

this.$emit('fooBar');
this.$emit('foo-bar'); //无须更改成这样