Vue component

Vue component

• 기본html 엘리먼트를 확장여 재사용 가능한 콛를 캡슐화 하는데 도움을 준다
• 즉, 컴포넌트는 유지보수를 쉽게 만들어 줄 뿐만 아니라, 재사용성의 측면에서도 매우 강력한 기능을 제공
• Vue 컴포넌트 === Vue 인스턴스===.vue파일

Vue component구조예시

• 한 화면 안에서도 기능 별로 각기 다른 컴포넌트가 존재
  • 하나의 컴포넌트는 여러개의 하위 컴포넌트를 가질 수 있다
  • Vue는 컴포넌트 기반의 개발 환경 제공
• Vue 컴포넌트는 const app = new Vue({...})의 app을 의미하며 이는 Vue 인스턴스
  • 여기서 오해하면 안 되는 것은 컴포넌트 기반의 개발이 반드시 파일 단위로 구분되어야 하는것은 아님
  • 단일 .html파일 안에서도 가능

computed: 우리가 가지고 있는 데이터를 다른모습으로 바꾸어서 쓰고싶을때 사용함-->(data에 의존하는) 계산된 ★값★.

watch: 쓰지 않는 걸 추천

lifecyclehook: created-->Vue가 생성되는 시점에 애플리케이션 초기 데이터를 가져와 줌.