Web/Frontend
-
Vue 라이프 사이클Web/Frontend 2020. 8. 4. 23:56
Vue도 일종의 인스턴스이기 때문에 Lifecycle(생명주기)를 갖는다. Vue의 인스턴스가 생성되고 사라지기까지 사용자가 그 과정의 단계에서 로직을 수행할 수 있는 Life Cycle Hook을 제공한다. Hook의 종류는 다음과 같다. beforeCreate created beforeMount mounted beforeUpdate updated beforeDestroy destroyed (이해하기전 참고 : routes는 경로와 컴포넌트으로 이뤄진 컬렉션이다. 실제 이 맵을 보고 라우터가 경로에 따라 그에 맞는 컴포넌트를 렌더링한다.) 1. beforeCreate - vue 인스턴스가 생성된 직후 호출되는 hook data, methods가 정의되어 있지 않고, DOM과 같은 화면요소에도 접근할 수..
-
Vuex의 Store 이해하고 사용해보기 (로그인 토큰 저장)Web/Frontend 2020. 7. 24. 13:50
vuex - vue 전역에서 사용할 전역변수를 관리해주는 라이브러리 store - 전역변수 state - 값을 저장하는 객체 getters - state의 값을 반환하는 함수, computed 속성과 매칭되는 기술요소 actions - mutations 에 값을 보내는 함수 mutations - setter , state의 값을 변경하는 함수 computed 속성이란. 기본적으로 getter역할 , 캐싱된 데이터가 있다면 즉시 반환. filter(), reverse() 등의 추가적인 계산 로직이 들어갈 때 장점이 발휘된다. (watch와의 차이점 : watch 속성은 감시할 데이터를 지정하고 그 데이터가 바뀌면 이런 함수를 실행하라는 방식 반면 computed는 호출할때 실행) import { mapAc..