09/20

Vue

1. $el

this.$el 을 통해서 현재 컴포넌트의 DOM 엘리먼트에 직접 접근할 수 있고, 이를 통해 DOM 엘리먼트의 속성을 변경할 수 있다.

this.$el.style.backgroundColor = "";

• $el은 컴포넌트가 마운트가 된 이후에 생겨난다!
  따라서 created 훅에서는 찾지 못하고, mounted훅에서 DOM을 조작해야한다.

2. Vue 라이프 사이클 중 Destroyed

: https://wormwlrm.github.io/2018/12/29/Understanding-Vue-Lifecycle-hooks.html

• 컴포넌트가 삭제된 직후이므로 인스턴스 속성에 접근할 수 없다.

3. Vue Watch

watch: {
	//감시할 프로퍼티 : 실행할 메소드
        navColor: "updateTheme",
    },
    
//기본 Form

watch : {
	navColor : function(newVal, oldVal){
		//실행할 메소드..
	}
}
    

Js