Skip to Content
실전 코드로 배우는 Vue.js
book

실전 코드로 배우는 Vue.js

by 마야 셰빈, 정병열
October 2024
Beginner to intermediate
452 pages
9h 28m
Korean
Hanbit Media, Inc.
Content preview from 실전 코드로 배우는 Vue.js
122
실전 코드로 배우는 Vue.js
NOTE
와처에서 실행되거나
computed
프로퍼티 내부에서 실행되는 부가 로직은 언제든지 부작용을 낳
을 위험이 있다. 이들이 컴포넌트 성능에 영향을 미치지 않도록 주의해서 다루어야 한다.
지금까지의 예시처럼 와처의 핸들러 함수는 와처의 이름에 직접 할당할 수 있다. 이때
Vue
엔진은 와처에 기본 설정을 적용한 뒤 알아서 핸들러를 호출한다. 한편 와처의 작동 방식을
직접 설정하고 이를 객체에 담아 와처 이름에 전달하는 방법도 있다. [표
3
-
2
]는 와처 설정
객체의 필드들이다.
3-2
와처 객체 필드 와처 객체 필드
필드 설명 타입 기본값 필수
handler
대상 데이터값이 변경될 때 실행되는 콜백 함수
function N
/
A
deep
대상 데이터의 하위 프로퍼티(존재할 경우) 변화
관찰 여부
boolean
false
아니오
immediate
컴포넌트 마운트 이후 핸들러 즉시 실행 여부
boolean
false
아니오
flush
핸들러의 실행 시점. 기본설정의 경우
Vue
컴포넌트 업데이트 전에 핸들러를 실행한다.
pre
,
post
pre
아니오
3.6.1
하위 프로퍼티 변화 관찰
deep
옵션 필드를 설정하면 모든 하위 프로퍼티의 변화를 관찰할 수 있다. 예를 들어
User-
WatcherComponent
컴포넌트에
user
객체
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

AirBnbBlueOriginElectronic ArtsHomeDepotNasdaqRakutenTata Consultancy Services

QuotationMarkO’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.
Julian F.
Head of Cybersecurity
QuotationMarkI wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.
Addison B.
Field Engineer
QuotationMarkI’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.
Amir M.
Data Platform Tech Lead
QuotationMarkI'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
Mark W.
Embedded Software Engineer

You might also like

실전 자바 소프트웨어 개발: 4가지 프로젝트로 배우는 최신 자바 개발 기법

실전 자바 소프트웨어 개발: 4가지 프로젝트로 배우는 최신 자바 개발 기법

우정은, 라울-게이브리얼 우르마, 리처드 워버턴
자바스크립트 + 리액트 디자인 패턴

자바스크립트 + 리액트 디자인 패턴

애디 오스마니(Addy Osmani)
실무로 통하는 타입스크립트

실무로 통하는 타입스크립트

슈테판 바움가르트너

Publisher Resources

ISBN: 9791169212991