$
emit 사용하기
// /views/ChildComponent4
<template>
<div></div>
</template>
<script>
export default {
data() {
return {
msg: "자식 컴포넌트로부터 보내는 메시지",
};
},
mounted() {
this.$emit("send-message", this.msg);
},
};
</script>
// /views/ParentComponent4
<template>
// @send-message는 emit의 이름, sendMessage는 부모 컴포넌트의 메서드 이름.
<child-component @send-message="sendMessage" />
</template>
<script>
import ChildComponent from "./ChildComponent4";
export default {
components: { ChildComponent },
methods: {
sendMessage(data) {
console.log(data);
},
},
};
</script>