Vue.js　

説明

Vue.js では、コンポーネント間でデータをやり取りする方法はいくつかあります。

今回は、Propsを説明します。

Propsを使う

Propsを使用すると、親コンポーネントから子コンポーネントにデータを渡すことができます。

子コンポーネントの定義:

Vue.component('child-component', {
  props: ['message'],
  template: '<div>{{ message }}</div>'
})

親コンポーネントから子コンポーネントにデータを渡す例:

<child-component message="Hello!"></child-component>