Vue에서 아이템 보기

어젯밤에 개발자의 동료를 도울 때 좋은 밤을 보냈는데, 설령 내가 다시 찾아야만 한다고 해도, 나는 뭔가를 공유할 것이라고 생각한다.
Vue 2에서 시청 도구는 매우 간단하며 기본적으로 어떤 데이터 포인트를 보는 것과 같다.
따라서 선언된 도구를 사용하여 vue 구성 요소를 설정하는 경우

<template>
    <h1>{{propData}}</h1>
</template>

<script>
export default {
     el: '#app',
     data: {
        text: 'Hello'
     },
     props: ['propData'],
   }
</script>

따라서 도구의 변화를 간단하게 관찰하기 위해 다음과 같다.

watch: {
        propData: function () {
            deep: true,
            handler(newValue, oldValue) {
                console.log(newValue);
            }
        } 
    }

따라서 설정된 심층 부분은 우리가 대상이나 그룹을 관찰하면 데이터 구조를 관찰하고 변경 사항을 검사할 수 있다는 것이다.