Vue:Lifecycle
Diagram
Vue-lifecycle.png
beforeCreate
컴포넌트 작성시 주의사항:
-
methods는 #beforeCreate에서는 접근할 수 없다. #created 부터 접근 가능하다. 그래서 TypeScript로 작성한다 하더라도 private method 같은 것은 이 타이밍에 접근 불가능 하다.
created
beforeMount
mounted
| WARNING |
| 특히, Vuetify같은 컴포넌트의 v-model 관련 속성이 정상 작동하지 않는다면, mounted 이벤트에 v-bind:value 값을 갱신하면 될 수도 있다. <- switch 같은 컴포넌트를 자식 컴포넌트에 넣을 경우 오동작할 수 있다. <- 확인 요망 |