setInterval() 에서 적용하기

mounted(){
setInterval(()=>{
this.amount--
},1000);
if (this.amount === 0){
clearInterval(setInterval())
}
},

일단 코드는 이렇게 짰습니다.

props로 Discount.vue에다가 데이터 전송도 했습니다.

저 코드는 부모창에 있는 코드들입니다.

amount가 0을 찍으면 Interval을 종료하려고 하는데 도저히 안 됩니다.

해본 것들

저 코드로 시도해본다.

setInterval()을 변수로 만들어 clearInterval(setInterval(변수명)) 으로 끝낸다.

clearInterval 을 사용하지 않고 amount가 amount--를 통해 0이 됐을 때 this.amount 를 0으로 할당해버린다

자식 데이터 만지는 것도 아닌데... 왜 끝나지 않는 걸까요.... 한시간 넘게 고민했습니다 인터넷도 찾아보고 ㅠㅠ

알려주세요~~