vue2 [vue.js] Vue Instance Life Cycle ▣ 배경 Vue Instance는 객체로 생성되고, 데이터 관찰 기능을 설정하는 등의 작업을 위해 초기화를 수행한다. 이를 라이프 사이클이라 하는데 각 Step에서 Hook 메소드를 통해 중간 처리를 진행할 수 있다. ▣ Life Cycle Diagram ▣ 라이프 사이클 정의 라이프 사이클 훅 설명 beforeCreate Vue 인스턴스가 생성될 때 가장 처음으로 실행되는 훅이다. 아직 데이터와 이벤트는 아직 생성되지 않아 접근할 수 없는 단계이다. created created 훅은 beforeCreate 훅의 다음단계로 beforeCreate 훅이 호출된 직후 데이터와 이벤트가 초기화 되어 create 훅에서는 데이터와 이벤트에 접근할 수 있다. 그러나 아직 DOM이 마운트되지 않았으므로, 인스턴스의.. 2020. 9. 27. [vue.js] veux 사용시 computed property 의 반복적인 get/set 선언을 줄이고 싶다 (using vuex-map-fields) ▣ 고민사항 back-end 만 하다가 오랜만에 front-end 쪽을 보니까 신세계이다. 한 페이지 내에 아래와 같이 vuex와 동기화 처리할 변수(상태 변수)가 여러개 이다. 만약 name, age, city... 10개의 항목이 있다면 유사한 코드 블럭이 10번 반복된다. 이를 축약시켜줄 수 있는 라이브러리가 있을까? 유사한 고민 : Using get/set Computed property with mapState, mapMutation in Vuex // computed property (with vuex) 의 양방향 바인딩 ▣ computed property 에 대한 간단 정리 Define Style 및 특징 sum() 은 함수이지만 sum 과 같은 속성(property) 접근 방식을 사용해도 .. 2020. 9. 19. 이전 1 다음
