propsで親コンポーネントから子コンポーネントへデータを伝播するときに、静的な値を渡せばいいだけなのにv-bindを使ってしまい変数として認識されて、エラーになってしまった

propsで親コンポーネントから子コンポーネントへデータを伝播するときに、v-bindの使い方をよくわかっていないことに気が付いたのでメモ

修正前

• v-bindでプロパティを指定すると、JavaScriptと認識されて（変数と認識されて）、動的にプロパティを受け渡すことができるが、なぜか勘違いしていて以下のようなコードを書いてしまっていた（動的に受け渡す必要がなくて、静的に受け渡しかった）
• これでundefined errorが発生してた
  

<blog-post :blog-name="{{ $user->getBlogName() }}"></blog-post>

修正後

• プロパティで静的な値を渡しかったので以下がのようなコードを書けばよかった（: を取り除いた）

<blog-post blog-name="{{ $user->getBlogName() }}"></blog-post>

参考

もっとちゃんとドキュメントを読まないと

• プロパティ — Vue.js

• API — Vue.js v-bind