Vue - watch

watch란 data가 변할 시 , 실행되는 함수로 보통 유효성검사를 위해 사용된다고 판단된다.

export default defineComponent({
  name: 'SampleTest',
    props:{
        products:Array
    },
    data(){
        return{
            num:0
        }
    },
    watch:{
        num(checkData,exCheckData){
            if(checkData>13){
                alert("13초과!")
            }
        }
    },

이때 , 함수명은 데이터명과 동일하게 작성해야한다.
함수의 첫번째 매개변수는 변경될 데이터, 두번째 매개변수는 변경전 데이터를 뜻한다.