[vue인프런](2): 인스턴스

728x90

인스턴스(객체)를 생성하기위해 생성자를 만들어준다.

함수이름이 대문자로 시작하는 것은 생성자라는 암묵적 약속이다.

크롬- 개발자모드-콘솔에서 다음과 같이 타이핑해본다.

function Vue() {
	this.logText = function() {
    		console.log('ha');
    	}
}

이렇게 만드는것을 생성자 형태로 만든다..라고하는데

이렇게하는 이유는 안에 정리한 function을 꺼내쓸수 있기 때문이다.

(기능들을 생성자에 미리 정의해 놓고 사용자가 그 기능을 재정의하여 편리하게 사용하도록 하기 위함)

아래처럼../.

var vm = new Vue(); //vm에다가 Vue생성자를 정의
vm.logText(); //Vue에서 정의한 logText함수를 가져다 쓸수 있게 된다.
//결과 ha

이건 자바스크립트에서의 생성자 설명

www.zerocho.com

[Vue.js] 뷰 인스턴스, 생성자, 옵션 속성

1. 뷰 인스턴스란? 뷰로 화면을 개발하기 위해 필수적으로 생성해야 하는 기본 단위 인스턴스를 레고에 비유한다면 레고를 조립하는 기본 판 직전 게시글에서 작성한 코드를 예시로 들어볼게요.

ddol.tistory.com

Object.prototype.constructor - JavaScript | MDN

인스턴스의 프로토타입을 만든 Object 함수의 참조를 반환합니다. 이 속성값은 함수 자체의 참조임을 주의하세요, 함수 이름을 포함하는 문자열이 아니라. 그 값은 1, true 및 "test"와 같은 원시(primi

developer.mozilla.org

728x90

오키도키, 공부하는 블로그.