Nuxt/Vue에서 이벤트 청취자 제거
저는 Nuxtjs 2.13에 출연하고 있는데, "이벤트 청취자를 어떻게 제거할 필요가 있나요?")".
난 js에 대해 말하는게 아니야addEventListener그리고.removeEventListener제가 더 궁금한 건this.$emit(),$nuxt.$emit()그리고.$nuxt.$on(). 제거할 방법이 있나요?$nuxt.$on()또는 컴포넌트의 청취자<mycomp @myevent="do()" />에beforeDestroy()꼭 필요한가요?
내 서버의 RAM을 너무 많이 사용하는 Nuxt 프로젝트이기 때문에 최적화가 필요하다고 생각합니다.
https://v3.vuejs.org/api/options-lifecycle-hooks.html#unmounted
이 후크(마운트 해제 - OP)가 호출되면 컴포넌트 인스턴스의 모든 디렉티브가 언바인드되고 모든 이벤트청취자가 제거되며 모든 하위 컴포넌트 인스턴스도 언마운트 해제됩니다.
단, 있습니다.vm.$off할 수 있다
커스텀 이벤트청취자를 삭제합니다.https://vuejs.org/v2/api/ #vm-off
여기 Nuxt 컨텍스트에서 삭제하기 위해 사용되는 것을 보았습니다.$nuxt.$on청취자: https://medium.com/@aneesshameed/event-bus-in-nuxt-7728315e81b6
따라서 필요에 따라$nuxt.$offNuxt에서 커스텀이벤트를 삭제합니다.
언급URL : https://stackoverflow.com/questions/65198995/removing-event-listeners-in-nuxt-vue
'programing' 카테고리의 다른 글
| vuex에서 vuex-module-decorator를 사용하여 서브모듈을 작성하려면 어떻게 해야 합니까? (0) | 2022.08.22 |
|---|---|
| v-model 값이 변경될 때 사용자 지정 Vue 선택 구성 요소가 선택한 옵션을 업데이트하지 않음 (0) | 2022.08.22 |
| Vue 3이 Vuex 스토어 모듈을 인식하지 못하는 이유는 무엇입니까? (0) | 2022.08.22 |
| Axios 인터셉터 내에서 Vuex 스토리지 변환에 액세스할 수 없습니다. (0) | 2022.08.22 |
| 메모리 주소가 아닌 경우 C 포인터는 정확히 무엇입니까? (0) | 2022.08.22 |