Vue.jsを扱っていて、プロパティとデータの違いがよくわからなかったのでまとめました。
プロパティ(props)
- プロパティはVueコンポーネントで使われるもの
- 親から子にデータを渡したいときに使う
子コンポーネントでは、propsを持ってその中に値を受け渡すオブジェクトを格納する
親コンポーネントでは、変更する情報の値を入力する
データ(data)
- dataは、あくまでtemplate（HTML）から呼び出すことのできる値を集合させたオブジェクト
先ほどと同じ状況を作ろうとすると、子コンポーネントではdata()に書き換える
（
returnにする必要がある）
親コンポーネントは値を渡すことなく、ただ表示するだけ
これで、同じ表示をすることができる
