props

参考:

props | Vue.js [公式]

使い方

参考:

プロパティ | Vue.js [公式]

コンポーネントの基本 | Vue.js [公式]

プロパティを使用した子コンポーネントへのデータの受け渡し | Vue.js [公式]

Vue で親の値が変わったら子コンポーネントも更新する | Secret Garden (Instrumental)

プロパティの変更

ローカルにおけるプロパティの変更は非推奨。次のいずれかを用いる。

  • デフォルト値を設定したデータプロパティ
  • 算出プロパティ

参考:

プロパティの変更 | Vue.js

プロパティによるデータの初期化

参考:

単方向のデータフロー | Vue.js [公式]

What’s the correct way to pass props as initial data in Vue.js 2? – Stack Overflow

デフォルト値

参考:

Don’t render attributes if value is empty (e.g.: to=”” or type=””) – Stack Overflow

子コンポーネントに props をそのまま渡す

参考:

Inherit/Bind all props from parent · Issue #3946 · vuejs/vue – GitHub

文字列

参考:

Vuejs component props as string – Stack Overflow

配列データ

参考:

配列の受け渡し | Vue.js [公式]

props の配列データを script で参照したい | teratail

Pass Objects/Arrays as props for custom component? · Issue #1177 · vuejs/vue – GitHub

リアクティビティ

参考:

components の props にオブジェクトの要素参照で値を渡すと watch できない – Qiita

リアクティブの探求 | Vue.js [公式]

タグ:

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です