v-bindの書き方について混乱していた点 v-bindの基本的な書き方は、 v-bind:<子側のプロパティ>="<親側で渡したいパラメータ>" だと思う。 混乱したのは以下の２点だと思う。 v-bind や :（コロン） がない時があるが、その違いは？ <親側で渡したいパラメー…

やりたいこと 部品を呼び出す時に、カードなどの汎用性の高いものについては、最小公倍数的に要素を全て含めて部品を作っておいて、呼び出すパターンごとに、どの部品を表示するかを指定したい。 コンポーネントを作って呼び出す時に中の部品ごとの表示を指…

単一データを渡して画像を表示する ポイント 親側で、dataに画像URLを含むデータを定義しておく 子側で、受け取ったUrlを入れ込んで、 styleObject を作り、 style 属性を v-bind で紐づけることで、背景画像として表示させる ポイント整理図 ソース（親側） <template lang="pug"></template>…

単一データを渡して表示 ポイント 親側で、dataに渡したい要素を定義しておく 子側では、 {{ }} で囲ってシンプルに表示できる ソース（親側） <template lang="pug"> ProductCard(v-bind:productName="productName") <template> <script> export default { name: 'ProductIndex', components: { Pro</script></template></template>…

Laravelを始めた時にも懲りたんですが、新しいフレームワーク始める時って、エラーでまくってもう、「ウワアァあわたああわああs」ってなりますよね。 一旦そうなった後に、冷静になってから、またエラーを一から覚えていこう、という建設的な気持ちになって…