new Vue({
el: '#app',
data: {
navs: [
{ id: 'item1', content: 'тут должно быть много html' },
{ id: 'item2', content: 'здесь другой html' },
{ id: 'item3', content: ' и здесь другой html' },
{ id: 'item4', content: 'здесь совсем другой html' },
{ id: 'item5', content: 'content5' }
]
}
});
<header id="head">
<h3> lorem </h3>
<p> lorem ipsum </p>
</header>
<section id="sect1">
<h2>content any</h2>
<h3>lorem ipsum dolar </h3>
<span>lorem ips</span>
</section>
<section id="sect2">
<h2>content any</h2>
<span>lorem ips</span>
</section>
<section id="sect3">
<h2>content3</h2>
</section>
<section id="sect4">
<h2>content4</h2>
</section>
{
"totalHits": 299,
"hits": [
{
"previewHeight": 150,
"likes": 31,
"favorites": 31,
"tags": "robot, android, artificial intelligence",
"webformatHeight": 640,
"views": 14413,
"webformatWidth": 387,
"previewWidth": 90,
"comments": 2,
"downloads": 2693,
"pageURL": "https://pixabay.com/en/robot-android-148989/",
"previewURL": "https://cdn.pixabay.com/photo/2013/07/12/14/54/robot-148989_150.png",
"webformatURL": "https://pixabay.com/get/e831b90620fd1c2ad65a5854e4454e96ea75e2c818b4114697f9c478a3ec_640.png",
"imageWidth": 1163,
"user_id": 30363,
"user": "OpenClipart-Vectors",
"type": "vector/svg",
"id": 148989,
"userImageURL": "https://cdn.pixabay.com/user/2013/08/21/16-02-05-675_250x250.png",
"imageHeight": 1920
},