씹어먹는 블로그

vue.js 인스턴스 라이프사이클 훅 new Vue 를 생성할때 라이프사이클이 돌기 시작 참고 : kr.vuejs.org/ Vue.js Vue.js - 프로그레시브 자바스크립트 프레임워크 kr.vuejs.org 라이프사이클 훅 이벤트 순서 1. beforeCreate : 반응성 및 기본 Vue에서 필요한 기능들이 생성되기 전 2. created : 반응성 및 기본 Vue에서 필요한 기능들이 생성되고난 후 3. beforeMount : DOM 연결 전 4. mountd : DOM 연결 후 (html 요소를 제어하기 위해서는 mounted 사용) 5. beforeUpdate : 데이터가 변경되기 전 (화면을 다시 그리기 전) 6. updated : 데이터가 변경되고난 후 (화면을 다시 그리고난 후) 7. b..

*vue-cli 를 쓰는 이유 express-generate 와 마찬가지로 vue.js 프로젝트의 구성을 도와주는 역할을 한다. vue-cli를 쓰지 않더라도 vue.js 프로젝트를 만드는데 아무 문제가 없다. 하지만 vue.js와 관련된 오픈소스들은 대부분 vue-cli를 통해 쉽게 구성이 가능하고, 또한 프로젝트 시작 시 git으로 clone 하지 않더라도 vue-cli로도 손쉽게 설치가 가능하기 때문에 vue-cli를 많이 사용한다. vue-cli를 설치하기 위해서는 node.js 8.9 버전 이상이 필요 2020-02-27 현재 설치 버전 node.js : v12.16.1 vue-cli : @vue/cli 4.2.3 1. yarn 설치 //npm으로 설치한 vue-cli로 프로젝트를 만들더라도 y..