webpack打包含有v-for的html

Question

新手不太会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那一部分没显示出来

请问是哪里的问题呀？？？

Answer 1

先把库文件路径的问题解决了
一步一步的来
另外为什么用了jquery还要用vue啊