一个小问题

[Limtick]

看到你的card组件是通过条件判断加载的对应图片，如果想通过给card组件传递参数的形式定义card的图片信息应该如何编写啊

[Howard.Zuo]

我在card里通过条件判断对应图片，如下：

<div class="card" v-bind:class="{ flipped: option.flipped }">
        <img class="front" v-if="option.cardName === '8-ball'" src="../../../img/8-ball.png"/>
        <img class="front" v-if="option.cardName === 'baked-potato'" src="../../../img/baked-potato.png"/>
        <img class="front" v-if="option.cardName === 'dinosaur'" src="../../../img/dinosaur.png"/>
        <img class="front" v-if="option.cardName === 'kronos'" src="../../../img/kronos.png"/>
        <img class="front" v-if="option.cardName === 'rocket'" src="../../../img/rocket.png"/>
        <img class="front" v-if="option.cardName === 'skinny-unicorn'" src="../../../img/skinny-unicorn.png"/>
        <img class="front" v-if="option.cardName === 'that-guy'" src="../../../img/that-guy.png"/>
        <img class="front" v-if="option.cardName === 'zeppelin'" src="../../../img/zeppelin.png"/>

        <img class="back" src="../../../img/back.png"/>
</div>

的唯一原因就是我希望webpack的file-loader帮我处理图片的拷贝事宜，相信你已经本地跑过代码了，你肯定看到/build/目录下，这些图片被“自动拷贝”过去了。

如果你希望在父组件调用card时将图片信息作为props传进去，没问题。

假设你的图片都是CDN上的远程地址，压根不需要webpack帮忙处理，那直接传字符串好了。

但如果你也是本地图片，需要webpack帮忙，那就需要做类似我这里的处理了

[Limtick]

非常感谢~最近刚入坑不久，您的解答和这个demo给我很大的帮助，谢谢！