説明
Vue.js では、コンポーネント間でデータをやり取りする方法はいくつかあります。
今回は、Propsを説明します。
Propsを使う
Propsを使用すると、親コンポーネントから子コンポーネントにデータを渡すことができます。
子コンポーネントの定義:
Vue.component('child-component', {
props: ['message'],
template: '<div>{{ message }}</div>'
})
親コンポーネントから子コンポーネントにデータを渡す例:
<child-component message="Hello!"></child-component>
コメント