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

강의명	Vue.js 시작하기 - Age of Vue.js	강사명	캡틴판교
출처	인프런	기술종류	프론트 vue
수강내용	2. 인스턴스

 

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

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

 

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

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

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

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

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

아래처럼../.

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

 

 

 

 

 

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

https://www.zerocho.com/category/JavaScript/post/573c2acf91575c17008ad2fc

https://www.zerocho.com/category/JavaScript/post/573c2acf91575c17008ad2fc

https://ddol.tistory.com/m/49

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

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Object/constructor

Object.prototype.constructor - JavaScript | MDN