プロパティ (props) [Vue.js]

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 [公式]

記事をシェアする：
タグ：

コメントを残す

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

Protected by reCAPTCHA
Privacy - Terms