watch란 data가 변할 시 , 실행되는 함수로 보통 유효성검사를 위해 사용된다고 판단된다.
export default defineComponent({
name: 'SampleTest',
props:{
products:Array
},
data(){
return{
num:0
}
},
watch:{
num(checkData,exCheckData){
if(checkData>13){
alert("13초과!")
}
}
},
이때 , 함수명은 데이터명과 동일하게 작성해야한다.
함수의 첫번째 매개변수는 변경될 데이터, 두번째 매개변수는 변경전 데이터를 뜻한다.