VueJS에서 소품 변경시 구성 요소 다시로드

Question

다음 코드를 사용하여 'category'값을 전달하는 구성 요소를 보여줍니다. 카테고리는 사용자 상호 작용을 기반으로 변경됩니다. 그러나 일단 구성 요소가로드되면 해당 데이터는 소품의 변경에 따라 변경되지 않습니다.

<button @click="selected='new'">Change</button> 
<popup :category="selected"></popup> 

data() { 
    return { 
     selected: 'test' 
    } 
    } 

Answer 1

당신은 다음과 같이, popup 구성 요소에 category에 watcher을 넣어해야합니다 :

watch: { 
    category: function(newVal){ 
    this.selected = newVal // or this.openPopup(newVal) is this suits 
    } 
}