본문 바로가기

Vue.js

Reactivity 기초 | Vue.js

<body>
    <div id="app"></div>
    
    <script>
        var div = document.querySelector('#app');
        var viewModel = {};
        
        Object.defineProperty(viewModel, 'str', {
            // 속성에 접근했을 때의 동작을 정의
            get: function() {
                console.log('접근');
            },
            // 속성에 값을 할당했을 떄의 동작을 정의
            set: function(newValue) {
                console.log('할당', newValue);
                div.innerHTML = newValue;
            }
        })
    </script>
</body>