Vue.js
v-bindの書き方について混乱していた点 v-bindの基本的な書き方は、 v-bind:<子側のプロパティ>="<親側で渡したいパラメータ>" だと思う。 混乱したのは以下の2点だと思う。 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」ってなりますよね。 一旦そうなった後に、冷静になってから、またエラーを一から覚えていこう、という建設的な気持ちになって…