Как реализовать ООП на VUE?

Дмитрий, да как угодно. В вопросе не описаны детали. Допустим, сканируете все IP подсети и все порты. В цикле создаёте очередной инстанс класса, который создаёт новый WS и ломится по очередному адресу. Тикает таймаут, слушаются события. Если подключился - ура - нашли пару IP:port. Положили в массив в data. Отобразился ещё один элемент списка.

Как реализовать ООП на VUE?

создается инстанст класса CreateDataCard
в этом инстансе создается инстанс класса CreateViewCard

Для чего такая вложенность?

Как передать много текста на страницу и сохранить его в файл?

Александр Интересный, два утверждения про тело запроса, противоречащих друг другу.
Большой объем надо передавать в теле запроса POST / PUT запросом. Варианты только кодирования содержимого, чтобы оно правильно принялось сервером.

Как передать много текста на страницу и сохранить его в файл?

В теле запроса никак

...

полностью тело запроса могу получить

Противоречение detected.

Как дождаться выполнения хотя бы одной асинхронной задачи?

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

Как посчитать кол-во каждого элемента и для него посчитать сумму?

Иван Симонов, обновил ответ. Надеюсь, понятно

Как посчитать кол-во каждого элемента и для него посчитать сумму?

Иван Симонов, связать по id

Как посчитать кол-во каждого элемента и для него посчитать сумму?

А, теперь вижу. Надо в вопросе указать, что есть и что хочется получить.
Из arr получите словарь id: количество.
Добавьте в него price, чтобы получилась структура типа

{
  id1: { price: X, quantity: Y },
  id2: ...
}

Как посчитать кол-во каждого элемента и для него посчитать сумму?

Иван Симонов,

[...document.querySelectorAll(".item")]
  .map((item) => item.querySelector(".count").textContent)

Как разобраться в коде?

Можно имя свойства держать в переменной:

const obj = {};
let name = "a";
obj[name] = "A";

name = "b";
obj[name] = "B";

obj // { a: "A", b: "B" }

Как упростить такой цикл?

it_pear_yurec, Если там требуется последовательная асинхрота:

async function zipper() {
  const ports = [ "1", "2", "3" ];
  const urls = [ "q", "w", "e", "r", "t", "y" ];
  for (let i = 0; i < urlsLength; i++) {
    const combo = urls[i] + ports[i % ports.length];
    await getSomePromise(combo);
  }
}

Как при написании через import контролировать приоритет очереди выполнения функций?

rd100, хорошо бы вы сделали fiddle, имитирующий проблему, без лишнего. Без импортов, тут дело-то в не в них самих, скорее всего. Заодно, в процессе, может, осенит идеей.
Без кода могу предложить вешать на событие единственную свою (надо её написать) функцию, внутри которой уже в нужном порядке и при нужных условиях вызывать те две, в правильном порядке.

Как реализовать рандом с процентным шансом по массиву?

Данил Самусев, это где не поддерживается современный JS ?

Обновил ответ попроще.

Объясните как понять данное выражение в JS?

Мыслите верно.
Ещё в JavaScript появилась удобная штука Set – это чем-то похожий на массив набор элементов, допускающий только уникальные значения, без повторов. С ним тоже можно решить вашу задачу:

const getLengthArray = (str) => {
  // строку в массив букв
  const elems = str.split('');

  // Set из уникальных букв
  const unique = new Set(elems);

  // вернуть размер
  return unique.size;
};

console.log(getLengthArray('Hello')); // 4

Как при написании через import контролировать приоритет очереди выполнения функций?

код и HTML помогли бы понять. А лучше jsFiddle рабочий, показывающий именно эту проблему.

Как анимировать svg?

кончик стрелки должен быть всё время виден и «ползти»?
Или достаточно, чтобы пунктир появлялся постепенно, а в конце появилась и голова стрелки?

Как корректно сравнить заданное число с не совсем корректно введенным числом?

lagudal, может, программно заменить инпут на такой же с типом текст?

Как добавить проверку на завершение функии?

в фиддле много лишнего и не виден сразу сам эффект. Надо бы упрощённый изолированный пример.

Как достать информацию из всплывающего окна?

Ася, с которой попытки? (значение maxAttempts)

Как сделать перебор элементов добавленных в DOM?

vottakoinick, question__block vs .questions__block

Буква S