Саму проблему в корне решить не могу, но есть обходной путь (может он и верный, но я хотел не этого), как я сделал (всё внутри файла *.vue):
<template>
<div class="qua-item-list">
<div class="qua-item" v-for="item in items">
<div class="qi-img qi-img1">{{ item.name }}</div>
<div class="separator"></div>
<div class="qi-text-head">{{ item.status }}</div>
<div class="qi-text">Excepteur sinto occaecat cupidatat non proident, sunt in culpa qui nam sint essent officia mollit.</div>
</div>
</div>
</template>
module.exports = {
data: function(){
return {
items: [
{
name: '123', status: 'done!',
},
{
name: '321', status: 'done!',
}
],
}
}
}
Поясню как работает (вдруг кому-то не понятно будет): v-for проходит циклом каждый item и сколько item`ов столько и элементов на странице будет.