[Vue]

Vue Instance

- vue에서 제공하는 api로 개발하기 쉽게 기능들을 제공하는 것

- new Vue({ el : '#app' });

- #app은 body태그 안에서 app이라는태그를 찾아서 인스턴스를 붙이겠다는 의미!

- 그리고 인스턴스 안에 data를 정의하면 data안에 속성들도 사용 가능하다.

 

 

그럼 왜 인스턴스를 생성하고 사용하는가?

 

전역 컴포넌트 선언 방법

Vue.component('컴포넌트 이름', 컴포넌트 내용)

 

- 위와 같이 선언한 뒤 <'컴포넌트 이름' /> 으로 사용 가능하나, 전역으로 컴포넌트를 쓸 일은 거의 없다.

- 보통 서비스를 구현할때 플러그인이라 라이브러리로 전역으로 사용하는 것에 대해서만 사용한다.

 

지역 컴포넌트 선언방법

new Vue({

    el : '#app',

    components : {

        'app-footer' : {

        }

    }

})

 

일반적으로는 지역 컴포넌트로 사용한다.

 

 

 

컴포넌트 통신 규칙이 필요한 이유