Aetae

<foldet-block
  v-bind:anchor="'показать'"
v-bind:anchor_show="'скрыть'"
  ><template v-slot><p>{{text}}</p></template></foldet-block>

Суть трюка в том что v-slot превращает слот в scoped, а scoped слот ждёт для ренедера входных данных от родителя.
P.S. В случае если в слот идёт только один компонент(и это компонент, а не нативный тег) можно опустить template и ставить v-slot прям на сам компонент.

v-if пробовал не помогает

А должен.

publicpath

Совет RokeAlvo полезен, но в браузере также имеется ограничение на количество одновременных запросов, так что 14 - это много. Подумайте как эти запросы объединить. Не думаю, что все они идут в совершенно разные места за совершенно разными данными.
Придётся отойти от прямых запросов по url и написать агрегатор\кэшировщик через который и обращаться за данными, но это неизбежность.

Если это просто рандомные компоненты - то метод можно получить через ref и передать в другой компонент через props. Только "передавать методы" - не по идеологии Vue.
Если надо из одного компонента вызвать действие другого - первый должен вызывать событие($emit) а вышестоящий компонент оное поймать(@event) и выполнить нужное действие.
Однако если есть элемент-контейнер, в котором сложная и\или рекурсивная вложенность и который объединяет функционал детей - такой компонент может прокидывать(provide) общий для всех детей объект, которые будут его у себя получать(inject) и пользоваться совместно.

Ну например устанавливать эту переменную с помощью webpack.DefinePlugin во время сборки.
Но в целом - нахрена вам две одинаковых сборки отличающихся одной переменной? Вынесите эту настройку в кофиг приложения и просто проставляйте нужную на нужной странице.

Из вопроса не слишеом понятно, но если я правильно понял вопрос: mount - не асинхроный(как и все vue-хуки), компоненты не ждут друг друга и рисуются когда того требует логика отображаения.
Если один запрос у вас зависит от результата другого - сделайте отдельный сервис запросов, который будет реализовывать всю нужную логику, а не запускайте запросы напрямую через axios.
Если один компонент у вас зависит от работы другого(такого лучше не делать на самом деле) - монтируйте его только тогда, когда от этого другого поступит событие о завершении работы(посланное вами же через $emit).

Прибьёт. Использовать следует разумно. В основном когда такие компоненты тянут приличные (по размеру относительно бандла) куски кода с собой, а вызываются редко.

Эти картинки отсутствуют на сервере, потому что никто их туда не кладёт. Сервер(webpack devserver) работает не от локальной папки, а от структурированного как описано в конфиге результата сборки. Сделайте build и посмотрите в папку dist: именно так и выглядит структура файлов на сервере.

Вы можете положить эту папку с картинками туда использовав copy-webpack-plugin. Если на сервер эта папка будет класться вручную и в прод. dist она вам не нужна - можете подключать этот плагин только для develpment.
Альтернативно вы можете настроить devserver (используя before/after), чтоб он просто отдавал файлы из этой папки по соответствующему запросу(читая их содержимое вручную средствам node fs).
Главное не забыть потом положить эту папку на сервер руками.

Напиши свой плагин, там ничего сложного:

class RandomPlugin {
  apply(compiler) {
    compiler.hooks.emit.tapAsync(this.constructor.name, (compilation, callback) => {
      const chunkList = [];
      for (const chunk of compilation.chunks) {
        // тут какая-нить фильтрация
        chunkList.push(...chunk.files);
      }
      // тут запись в файл или ещё что
      console.log(chunkList);
      callback();
    });
  }
}

a) Локализовать в самом шаблоне, в name хранить i18n метку.
б) Отдавать массив из computed свойства.
в) Генерировать массив в функции data() перед тем как положить его в объект data.(при смене локали - не обновится)
...

Потому что так и задумано. Можно делать цепочки вложенных router-view.
Читай документацию.

Есть много способов сделать это разной паршивости, но правильный метод: сделать компонент-обёртку, который и навесит весь нужный функционал внутри себя.
Самый примитивный пример:

Vue.component('m-tooltip', {
  mounted() {
    const tooltip = M.Tooltip.init(this.$el, {enterDelay: 400});
    this.$once('hook:beforeDestroy', () => tooltip.destroy());
  },
  render() {
    return this.$slots.default
  }
})

Если нужно что-то большее - всегда можно усложнить.

Правильный ответ: querySelectorAll никак не переделывается под Vue.
Забудь про прямую с работу DOM. В Vue ты работаешь с данными и только данными. Изменения в данных автоматически отражаются на отображении, но отображение ты руками вообще не трогаешь.

Если есть проблемы с пониманием - дай более конкретный пример, и тогда мы подскажем более конкретное решение.

Если тебе это нужно для разработки - то тебе это не нужно.)
Используй webpack devserver(из коробки в vue-cli) и настрой proxy до бэка. Для фронта всё будет "на одном сервере" и не нужно никаких заморочек.

Подсмотрел такую фишку в codepen: задавать корню принудительно нужную ширину и использовать

transform: scale(реальная ширина/установленная ширина)

, вписывая обратно.

А по поводу особого vue-фрейма - а собсвенно что такого вы от него хотите? Обычный фрейм справляется со своей задачей.)

В слот попадает не "разметка", а другой vue контент. Ищите место, где используется этот компонент(по #contents, v-slot:contents или slot='contents'), и там правьте.
Хотя учитывая наличие ref - там и возможен говнокод, с вручную запиханой разметкой(искать по this.$refs.container), но сомнительно.

В любом случае в vue вы работаете не с "тегами", а с данными. Удалять лишнее надо до того как оно отрисовано в vue.