![]()
vue 에는 인스터스 내의 정의된 데이터 값이 변경되는지 감시하고 변경이 될 때마다 정의된 함수가 실행된다 computed 선언형, 기본 getter 함수 data 들을 구독하며 구독하고 있는 값이 변경됨을 감지하여 계산하고 출력 지켜야 할 문법 return 값 template에서 호출 시 괄호 x export default{ name : "test", data(){ return{ message : "안 녕 하 세 요" } }, computed: { replaceWhiteSpaceMessage(){ return this.message.replaceAll(" ", ""); } } } watch 명령형 computed 와 같이 특정한 데이터 구독, 구독하고 있는 data가 업데이트 될 때에 등록한 함수가 콜..
![]()
beforeCreate 가장 먼저 실행되는 훅 data와 events 가 세팅되지 않은 시점 crated data 와 events 활성화 상태 템플릿과 가상돔은 렌더링 되지 않은 상태 beforeMount 템플릿과 렌더 함수들이 컴파일 된 상태 ( 렌더링 직전) mounted 컴포넌트, 템플릿, 렌더링된 돔 접근 가능 모든 하위 컴포넌트가 마운트된 상태 보장 X ( 오히려 하위 컴포넌트가 먼저 생성 ) beforeUpdate 컴포넌트 데이터가 변하여 업데이트 사이클이 시작될때 실행 정확히는 재 렌더링되고 패치 되기 직전 실행 updated 데이터 변경 후 재 렌더링이 일어난 후 실행 무작위한 상태 변경 시 무한루프 가능성 beforeDestory 해체 (뷰 인스턴스 제거) 되기 직전에 호출 이벤트 리스너..
