27 组件事件
组件事件:组件之间的相关操作,说白了,就是子传父的事件
$emit 可以子传父亲; props只能父传子
<br>
<button @click="SonMethod">通过子级函数操作父级函数</button>
</template>
<script>
export default{
methods: {
SonMethod() {
this.$emit("Event")
}
},
}
</script>
<template>
<h3>子级组件向父级组件传输数据</h3>
<Child01 @Event="FatherMethod"/>
</template>
<script>
import Child01 from './Child01.vue';
export default{
methods: {
FatherMethod() {
console.log("父级函数")
}
},
components: {
Child01,
},
}
</script>