鶏口牛後な日々

魔法使い(なんでも作れるエンジニア)を目指してます。ブログは発散中

2018-11-02から1日間の記事一覧

Vue.jsで親要素から子要素に渡す画像URLから画像を表示する(初心者の自分用まとめ)

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

Vue.jsで親要素から子コンポーネントにデータを渡す(初心者の自分用まとめ)

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