propsはどんな時に使うの?まずは、propsのおさらいをしましょう。 propsは親コンポーネントから子コンポーネントにデータを渡すときに使います。 基本的な書き方はつぎのとおりです。「Vue CLIを使った開発環境構築方法」で作ったVueプロジェクトを編集してみましょう。 親コンポーネント側/src/views/Home.vueをつぎのように書き換えます。コードの内容についてはコメントをご確認いただければと思います。 <template> <div> <!-- nameとpriceに静的な値をセットして 子コンポーネント(Item)にデータを渡しています。 --> <Item name="りんご" price="100"></Item> <!-- こっちのnameとpriceには動的な値をセットしています。 動的な値なので、nameとprice属性には:(v-bind:の省略形)を付
![【Vue.js】propsを使う時は命名に注意。サンプルコード有|たのしいWeb](https://cdn-ak-scissors.b.st-hatena.com/image/square/b6f396e85b69c5dc4090e83b790c75235a0fc31c/height=288;version=1;width=512/https%3A%2F%2Fdev83.com%2Fwp-content%2Fuploads%2F2019%2F02%2Fvue_props03.png)