소품 변경시 새 vue 구성 요소 인스턴스

Question

단일 페이지 응용 프로그램은 구성 요소에 따라 다른보기를 제공합니다. 단방향 데이터 흐름으로 인해 부모의 각 값 바인딩이 변경되면 하위의 각 속성이 업데이트됩니다.

속성이 변경된 경우 완전히 새로운 구성 요소 인스턴스를 가져올 수 있습니까? 전이와 함께 최신 구성 값을 기반으로 새로운 구성 요소가 슬라이드되는 동안 이전 구성 요소가 슬라이드 아웃되는 것을 실현하고 싶습니다.

정말 멋진 입력을 기다리고 있습니다.

Answer 1

당신은 키를 업데이트하여이를 수행 할 수 있습니다

이

<transition name="fade"> 
    <hello :key="key"></hello> 
</transition> 

그런 다음 키를 업데이트 :

<button @click="key++">Reload</button> 

내 예를 들어 바이올린을 참조하십시오

https://jsfiddle.net/eaguad1337/w9fb1pv2/