Vue.js 3

[Vue.js]Vue 컴포넌트(지역컴포넌트vs전역컴포넌트)

●컴포넌트▶조합하여 화면을 구성 할 수 있는 블록(화면에 표시되는 특정 영역) 컴포넌트 장점1. 화면을 빠르게 구조화 할 수 있다.2. 일괄적인 패턴으로 개발 가능3. 컴포넌트로 쪼개서 개발 할 경우 재사용성이 높아진다.4.코드의 직관적인 이해가능 ●컴포넌트 간의 관계는 자료구조의 트리 구조와 유사하다. ●컴포넌트를 등록하는 방법▶ 전역 컴포넌트-여러 인스턴스에서 공통으로 사용가능-전역 컴포넌트는 뷰 라이브러리를 로딩하고 나면 접근 가능한 Vue 변수를 이용하여 등록-전역 컴포넌트를 모든 인스턴스에 등록하려면 Vue 생성자에서 .component()를 호출하여 수행EX) Vue.component('컴포넌트 이름',{//컴포넌트 내용}); -전역컴포넌트 등록형식 컴포넌트 이름과 컴포넌트 내용이 있다. 컴포..

Vue.js 2018.11.21

[Vue.js]뷰 인스턴스 및 라이프 사이클

*뷰 인스턴스의 정의와 속성 *뷰 인스턴스 생성자1. new Vue()로 인스턴스를 생성할 때 Vue를 생성자라고 칭한다.2. Vue 생성자는 뷰 라이브러리를 로딩하고나면 접근이 가능하다.3. 생성자를 사용하는 이유=>뷰로 개발할 때 필요한 기능들을 생성자에 미리 정의 해놓고 사용자가 그 기능을 재정의하여 편리하게 사용 할 수 있도록 하기 위해서 사용. *생성자? 객체를 새로 생성할 때 자주 사용하는 옵션과 기능들을 미리 특정 객체에 저장 해놓고 새로 객체를 생성할 때 기존에 포함된 기능과 더불어 기존에 포함된 기능과 더불어 기존 기능을 쉽게 확장하여 사용하는 기법. *뷰 인스턴스 옵션 속성 -인스턴스를 생성할 때 재정의 할 data, el, template등의 속성을 의미 new Vue({ {{mess..

Vue.js 2018.11.21

[Vue.js]Vue 개념 및 특징

Vue.js란 무엇인가? -웹 페이지 화면을 개발하기 위한 프런트 엔드 프레임 워크. -프레임 워크: 개발자들의 개발 생산성을 높이기 위해 일정한 틀과 규칙에 따라 개발하도록 미리 구조를 정의 해놓은 도구 -라이브러리: 자주 사용 되는 기능들을 모아 재활용 할 수 있도록 정리한 기술 모음집 *Vue 장점-배우기가 쉽다.-리액트와 앵귤러 비해 성능이 우수하고 빠르다.-리액트의 장점과 앵귤러의 장점의 결합체이다.▶ 이유: 뷰는 앵귤러의 양방향 데이터 바인딩과 리액트의 단방향 데이터 흐름의 장점을 모두 결합한 프레임 워크 *양방향 데이터 바인딩: 화면에 표시되는 값과 프레임워크의 모델 데이터 값이 동기화되어 한쪽이 변경되면 다른 한쪽도 자동으로 변경되는 것 *단방향 데이터 바인딩: 컴포넌트의 단방향 통신을 의..

Vue.js 2018.11.21