Vue: Hoisting-up vnode - 무한 루프 경고

에 만든 2017년 09월 15일 · 3코멘트 · 출처: vuejs/vue

버전

2.4.4

재생산 링크

http://jsfiddle.net/vjvMp/2019/

재현 단계

구성 요소의 정확한 레이아웃은 JSFiddle에 있습니다. 구성 요소의 조립은 어떤 이유로 매우 취약하여 이것이 버그라고 생각합니다. 예를 들어 코드에 영향을 주지 않아야 하는 최상위 layout 구성 요소를 제거하면 경고가 사라집니다. http://jsfiddle.net/vjvMp/2020/

무엇을 기대합니까?

자식의 슬롯이 부모에게 호이스트되고 문제 없이 자식 위에 렌더링됩니다.

실제로 무슨 일이 일어나고 있습니까?

자식이 렌더링되지만 무한 업데이트 루프 경고가 있습니다.

출처

privatenumber

가장 유용한 댓글

data 에서 API를 반환하면 while api 객체가 반응합니다.
vnode를 API로 설정하면 Vue가 vnode를 변환하려고 시도합니다.
2.4.3에서 슬롯 노드는 이제 일부 버그를 수정하기 위해 다시 렌더링할 때 딥 클론됩니다. 이렇게 하면 렌더링 기능이 전체 vnode를 반응 종속성이 되도록 등록하므로 vnode를 변경하면 다시 렌더링이 트리거됩니다.

현재 해결 방법은 Object.freeze vnode이거나 api 주입을 반응형으로 만들지 않을 수 있습니다.

yyx990803 에 2017년 09월 15일

👍4

모든 3 댓글

코드는 v2.4.2 에서

privatenumber 에 2017년 09월 15일

data 에서 API를 반환하면 while api 객체가 반응합니다.
vnode를 API로 설정하면 Vue가 vnode를 변환하려고 시도합니다.
2.4.3에서 슬롯 노드는 이제 일부 버그를 수정하기 위해 다시 렌더링할 때 딥 클론됩니다. 이렇게 하면 렌더링 기능이 전체 vnode를 반응 종속성이 되도록 등록하므로 vnode를 변경하면 다시 렌더링이 트리거됩니다.