[Vue.js] Props

📌 Props

• 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달할때 사용되어지는 단방향 데이터 전달 방식
• 하위 컴포넌트에서는 props 옵션을 사용해 수신할 props를 명시적으로 선언해야 함

# 하위 컴포넌트 js

Vue.component('child', {
  // props 정의
  props: ['message'],
  // 데이터와 마찬가지로 prop은 템플릿 내부에서 사용할 수 있으며
  // vm의 this.message로 사용할 수 있습니다.
  template: '<span>{{ message }}</span>'
})

# 상위 컴포넌트 html template

<child message="안녕하세요!"></child>