강의와 동일하게 코드작성을 했는데 콘솔창에 자꾸 아래와 같은 에러가 뜨는데 해결방법을 모르겠습니다..ㅜ
[Vue warn]: Unhandled error during execution of mounted hook
at <App>
------------------------------------------------------------------------------
Uncaught TypeError: Cannot read property 'on' of undefined
...
// 코드
// main.js
import { createApp } from "vue";
import App from "./App.vue";
import mitt from "mitt";
let app = createApp(App);
let emitter = mitt();
app.config.globalProperties.emiiter = emitter;
app.mount("#app");
// FilterBox.vue
<template>
<div
:class="'filter-item ${filter}'"
:style="'background-image:url(${image})'"
>
<slot></slot>
<button @click="fire">버튼</button>
</div>
</template>
<script>
export default {
name: "FilterBox",
props: {
image: String,
filter: String,
},
methods: {
fire() {
this.emitter.emit("apply", "data");
},
},
};
</script>
// App.vue
...
<script>
import Container from "./components/Container";
import posts from "./assets/posts";
import axios from "axios";
export default {
name: "App",
components: {
Container,
},
data() {
return {
posts,
moreCount: 0,
// tabState: 0,
viewState: 0,
image: "",
content: "",
};
},
mounted() {
this.emitter.on("apply", (data) => {
console.log(data);
});
},
methods: {
...
