【解決済み】【Vue.js】コンポーネント化した部品を出力するためにv-bindディレクティブが必要だった件

Vue.jsでコンポーネント化の作業を進めている時に、標題の通りの問題に当たってしまいました。

v-bindディレクティブについて、参考サイトと公式サイトでは以下のようになっています。

 公式サイトではぺーじ中段ほどに「v-bind」の説明が載っています。

今回、標題の件が起こった時、「v-bind=”変数”」のように使っており、コロンを使う「:」v-bindに慣れていた私にとっては、このタイプとは初めて出会ったので、ちんぷんかんでした。。。

公式サイトでは似たような部分の解説として

としてありました。結局、親で定義したプロパティを子コンポーネントでも使える(共有する)ために、ってことなんですね。。。こういう使い方もあるのか。。大変勉強になりました。

また、以下のサイトもさらっと読んでみたけど、もっと深く理解したいな。。。一回では到底理解ができなかった。。

この記事を書いた人