Алексей Жигалов

Доступ к содержимому iframe возможен только с того же домена

Насколько мне известно, перехватывать вообще все запросы можно только с использованием service worker, которые поддерживаются только в последних версиях браузеров и, к тому же должны быть инсталлированны.

Если у вас есть контроль над содержимым iframe, возможно, есть способ сделать так, чтобы service worker перехватил запросы и поделился им со страничкой, в которую этот iframe включен.

Если этот iframe находится вне вашего домена, то браузер не даст с ним делать такого (если только он не обеспечит сам такую фунциональность при помощи интерфейса посылки сообщений)

Есть. Арендовать сервер за юрисдикцией блокировки.

А вы кэш перестраивали?

word-break: break-all;

Понадобятся два свойства - номер текущей страницы (page) и количество элементов на странице (perPage). Имея эти значения, можно показать элементы текущей страницы (UPD. Тут, конечно, косяк - items.slice... надо было унести в computed):

<div v-for="item in items.slice((page - 1) * perPage, page * perPage)">
  {{ item }}
</div>

Также вычислим общее количество страниц:

computed: {
  numPages() {
    return Math.ceil(this.items.length / this.perPage);
  },
},

Оно понадобится для того, чтобы ограничить возможный переход к несуществующим страницам:

methods: {
  next(change) {
    this.page = Math.max(1, Math.min(this.numPages, this.page + change));
  },
},

И чтобы блокировать кнопку перехода к следующей странице, когда таковой нет:

<button @click="next(-1)" :disabled="page <= 1">prev</button>
<button @click="next(+1)" :disabled="page >= numPages">next</button>

https://jsfiddle.net/7a1w62xm/1/

Через robots.txt лучше отдельные страницы не закрывать.
Пропишите в header этих страниц:
<meta name="robots" content="noindex,nofollow" />
Тоже самое для каждой страницы можно сделать используя любой SEO-плагин, например All in one SEO.

Создаются компоненты, которые в свою очередь через api и запрашивают нужные данные с сервера, полученные данные уже раскладываются как вашей душе угодно.

Т.е. имея компонент todo:

<template>
<ul>
  <li v-for="item in list">
    <h3>{{item.title}}</h3>
    <p>{{item.text}}</p>
  </li>
</ul>
</template>
<script>
export default {
  data(){
    return {
    	list: ''
    }
  },
  computed(){
  
// Запросим данные с сервера и сохраним наш json в data
    fetch('/api/users') // По этому адресу мы получим у сервера данные о пользователях
      .then((response) => {
      	this.list = response // запишем эти данные в data
      })
      .catch(error => console.error(error))
      
  }
}
</script>