0816 Vue.js instance란

 1. 즉시실행함수 쓰는 이유

전역변수로 부를경우- 다른 페이지에서도 똑같은 네임의 변수를 사용한다면? 오염되어서 원치 않는 결과를 부를 수 있다. 즉시실행함수로 한번 더 감싸주어서 - 해당 함수내에서만 사용되도록 스코프를 잡아준다. 

(function(){}());

2. Vue.js instance

new Vue();로 생성한다.

생성자 함수로 부른다.

왜 Vue를 사용할때 생성자 함수를 만들어야 하는가? -> 코드의 재사용성이 높아지기 때문이다.

el : 엘리먼트를 뜻한다. 내가 부르고 싶은 html페이지의 요소를 데려다가 여기에 쓸것이다.

이 문법은 제이쿼리와 동일하다. 이를 테면 id="app"일경우

el : '#app' 이런식이다. 큰따옴표 작은따옴표는 상관없다.

data : 넣고싶은 속성혹은 함수를 정의할 수 있다.

생성자 함수 function Person을 정의하고 사용하는 예시.

생성자 함수 안에는 key:value 형태의 다양한 속성들이 들어간다. Vue는 다양한 속성과 기능을 제공하고 있다. 이것을 api라고 한다!! 가져다 쓰면된다!