Vue_Watch(자동 호출 함수)

watch 속성
- 데이터가 변경되었을 때 함수가 자동 호출됨
- 반드시 함수명과 data 속성명이 일치해야 함

<template>

  <div>

    값: <input type="text" v-model="num"><br> <!-- 함수명과 속성 변수명이 동일 -->

    변경: {{ num }}

  </div>

</template>

<script>

export default {

    data: function(){

        return {

            num : 10

        }

    },

/*

    1. watch 함수명과 속성변수명이 동일해야 함

    2. method와 computed는 명시적으로 호출해야 함

    3. watch는 자동으로 호출

*/

    watch:{

        num:function(changeValue){  //함수명과 속성 변수명이 동일

            console.log("watch함수 실행", this.num, "\t", changeValue)

        }

    }

}

</script>

<style>

</style>