Vue
-
[Vue.js] Vue 인스턴스의 라이프 사이클Vue 2019. 1. 13. 23:28
vue 라이프 사이클 크게 4단계로 구별됨 1. 인스턴스 생성2. 생선된 인스턴스 화면에 부탁3. 화면에 부착된 인스턴스 갱신4. 인스턴스 소멸 라이프사이클 속성"인스턴스의 상태에 따라 호출 할 수 있는 속성들을 라이프 사이클 속성이라고 한다" beforCreate- 인스턴스 생성되고 가장 먼저 실행되는 단계- data 속성, method속성 아직 정의 되지않음- DOM으로 접근 불가 create- data속성, method속성 정의됨- 화면에 부착되기 전이기 때문에 template속성을 DOM으로 접근 불가- 서버에서 데이터를 요청하여 받아오는 로직을 수행하기 좋음 beforeMount- template속성을 render()함수로 변환- el속성에 지정한 DOM요소에 인스턴스를 부착하기전- rander..
-
[Vue.js] Vue 컴포넌트란?Vue 2019. 1. 13. 21:04
Vue 컴포넌트란?조합하여 화면을 구성할 수 있는 블록을 말함 vue 컴포넌트의 장점?=> 빠르게 구조화하여 일괄적인 패턴으로 개발 가능 전역 컴포넌트 사용방법 전역 컴포넌트 - .component()를 호출한다.1234567891011121314151617181920212223 등록 Vue.component('my-component',{ // 전연 컴포넌트 등록 template : ' 전역컴포넌트 등록완료! ' }); new Vue({ el: '#app' }); Colored by Color Scriptercs 전역 컴포넌트가 화면에 나타나는 과정1. 뷰 라이브러리 파일 로딩2. 뷰 생성자로 컴포넌트 등록3. 인스턴스 객체 생성4. 특정화면 요소에 인스턴스 부착5. 인스턴스 내용반환 지역 컴포넌트 사용..
-
[Vue.js] Vue.js란?Vue 2018. 12. 5. 22:01
Vue.js란?=프런트앤드 프레임워크임. 앵귤러를 좀 더 쉽게 사용하고자 만든 프레임워크 vue의 장점1.배우기가 쉬움 2. 리액트, 앵귤러에 비해 성능이 우수하고, 빠름 3. 리액트의 장점, 앵귤러의 장점을 모두 가지고 있음 리액트의 장점 = 가상 DOM기반의 렌더링 앵귤러의 장점 = 데이터 바인딩 왜 배워야하나?- 네이버에서 친절하게 정리해 줌( 자바스크립트 동향)- 요즘 개발구인공고를 보면 앵귤러, 리액트, 뷰 이3중에 하나는 대부분 있더라.. 여기서 리액트>앵귤러>뷰 순으로 학습곡선이 높기때문에 쉬운거 부터 시작함.- Vue.js의 구글 트랜드 검색 자료 MVVM에서 Vue.js의 위치 Vue.js는 MVVM패턴의 뷰모델에 해당하는 화면단 라이브러리임