Только учусь такой чудесной штуке как Vue.js и для обучения начал переводить свой личный проект на него.
Сейчас у меня грузится каркас страницы, а затем на onload уже грузятся списки новостей, комментариев и страница принимает контентный вид.
В Vue.js через axios модуль получаю json массив. Как потом в какой-нибудь div выстроить список по значениям из массива.
Сейчас сделал вот так.
<ul>
<li v-for="item in collection_news">
<div class="overview-news-item">
<div class="article-info">
<div class="this-category-name" v-if="item.category">{{ item.category }}</div>
<div class="this-author-name">{{ item.author.name }}</div>
<div class="this-posted-time">{{ item.date }}</div>
<div class="this-visits">{{ item.views }}</div>
</div>
<a class="this-news-link" :href="item.link">
<h2 class="this-news-title">{{ item.title }}</h2>
<p class="this-news-short">{{ item.description }}</p>
<img v-if="item.image" class="this-news-image" :src="item.image">
</a>
<div class="article-augs">
<div class="this-reply-count">{{ item.comments.count }}</div>
</div>
</div>
</li>
</ul>
Но меня бесит, что показываются сперва эти фигурные скобки везде до полной загрузки страницы. Это не красиво.
Как-нибудь альтернативно можно изобразить?
Простой