Vue의 상태관리를 위해 Vuex를 사용한다. store.js 혹은 store.ts파일을 만들어 아래의 코드를 작성한다. main.js 혹은 main.ts에 다음을 추가한다. state를 수정하기 위해선 직접적으로 수정하지 말고 mutations를 사용한다. 만약 state가 ajax요청(비동기)에 의해 변경되는 경우에는 actions을 사용한다

Vue컴포넌트는 크게 create -> mount -> 컴포넌트 생성 -> update -> unmount 의 라이프사이클이 존재한다. create 단계 데이터만 존재하는 단계이다. mount 단계 template에 구성된 요소들을 실제 HTML로 변경한다. Hook beforeCreate() created() beforeMount() mounted() beforeUpdate() updated() beforeUnmount() unmounted()

watch란 data가 변할 시 , 실행되는 함수로 보통 유효성검사를 위해 사용된다고 판단된다. 이때 , 함수명은 데이터명과 동일하게 작성해야한다. 함수의 첫번째 매개변수는 변경될 데이터, 두번째 매개변수는 변경전 데이터를 뜻한다.

Vue.js 3버전 설치방법은 아래와 같다 npm install @vue/cli 로 vue cli를 설치 원하는 작업폴더에서 vue create 폴더명 으로 생성 TS 사용시 ,vue add typescript 명령어 실행