하위 구성요소가 Vue에 마운트되었는지 확인하는 방법은 무엇입니까?

Question

자식 컴포넌트가 설치되어 있는지 확인하고 그 정보를 상위 컴포넌트로 옮기고 싶습니다. 이를 위해 나는 발사를 사용하고 있습니다. 다음은 상위 구성 요소의 예입니다.

으아악

하위 구성 요소에서 "is-child-mounted"를 true로 변경했습니다.

으아악

하지만 if (this.childMounted)는 여전히 거짓입니다. 그러면 하위 구성요소가 마운트된 경우 상위 구성요소를 확인하는 방법은 무엇입니까?

Answer 1

상위 구성 요소의 하위 구성 요소에 리스너를 추가할 수 있습니다. 다음과 같습니다:

으아악 으아악

훅 이름을 듣고 싶은 라이프사이클 이름으로 바꿀 수 있습니다! 문서에 나타나지 않고 따라서 직접 사용되지 않는 내부 API이기 때문에 거의 사용되지 않아야 한다고 생각합니다.

출처:

• https://github.com/vuejs/core/issues/4345 #issuecomment-899082892
• https://github.com /vuejs/vue/blob/8d3fce029f20a73d5d0b1ff10cbf6fa73c989e62/src/core/instance/lifecycle.js#L348