webpack打包含有v-for的html

新手不太會vue也不太會webpack。。。求助。。。

html代碼中只有一小部分用了v-for，js里面也是vue和jquery一起寫的。因為只是一小部分用了vue也沒用vue-cli，但是本地用webpack打包的時候沒報錯，但是運行時報錯

   <table class="table table-borderless" style="word-break:break-all" v-for="artValue in artList" @click="getArtDetail(artValue)">
                <tr>
                    <td class="listTdHeight middleClass tableCutOffClass">
                        <img v-bind:src="artValue.icon_url" alt="圖片" class="iconClass" />
                    </td>
                    <td class="middleClass tableCutOffClass">
                        <div class="artistCenter">
                            <span class="artNameFont">{{artValue.art_name}}</span><br>
                            <span class="artAuthorFont">{{artValue.author}}</span>
                        </div>
                    </td>
                </tr>
                <tr style="display: none">
                    <td id="artValueId">{{artValue.art_id}}</td>
                    <td id="artValueOwner">{{artValue.owner}}</td>
                </tr>
            </table>

其他樣式圖片js都生效了就是v-for那一部分沒顯示出來

請問是哪里的問題呀？？？