0xD34F

Нет. Есть костыли (например) - можете использовать их. Ну или ждите Vue 3 - говорят, там будет.

если я пишу что то одно, то ошибка

Так вы проверяйте перед вызовом функции, что она есть. Вместо

- blocks.left()

будет

-
  if (blocks.left) {
    blocks.left()
  }

Ну или покороче можно: - blocks.left && blocks.left().

var delayAnim = 4;
<...>
'animation-delay': '.' + delayAnim + 's'

Круто. Секунды, которые на самом деле не секунды, а десятые доли секунды. Пишите сразу 0.4 при объявлении переменной, не вводите людей в заблуждение.

Ну а само увеличение делается элементарно - добавляйте к исходному значению индекс, умноженный на шаг:

'animation-delay': (delayAnim + 0.2 * index) + 's'

Слишком сложный код в watcher'е. Всё, что тут нужно - это найти ближайшую точку к текущему значению, достаточно считать абсолютные значения разностей, и брать минимальное.

Чтобы ваш код отрабатывал после изменений внутри слайдера, его можно попробовать завернуть в nextTick, и добавить ленивую синхронизацию при drag'n'drop'е.

Должно было быть так?

удаляются последовательно только теги tr <...> вложенные теги td остаются

Не вложенные. Давайте повнимательнее взглянем на создание новой строки в таблице:

table.appendChild(tr);
<...>
table.appendChild(tdLeft);  // "Название"
table.appendChild(tdRight); //"Описание"
table.appendChild(tdDelete); //"Навигация"

Ячейки у вас добавляются непосредственно в tbody, а вовсе не в tr.

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

UPD. Исправлено.

Функция объявлена внутри другой функции, и использовать первую вы пытаетесь за пределами второй - естественно, там её нет. Области видимости в js - бегом гуглить и разбираться, это основы.

Можно сделать фильтр:

filters: {
  shorten: (val, words = 2) => val.split(' ').slice(0, words).join(' '),
},

<div>{{ text | shorten }}</div>
<div>{{ text | shorten(5) }}</div>

Экземпляр компонента не пересоздаётся при смене страницы, так что хук created не вызывается, метод loadCustomers соответственно, тоже.

Надо установить слежение за изменениями страницы, например так:

watch: {
  '$route.query.page'() {
    this.loadCustomers();
  },
},

Или так (в этом случае вызывать в created метод loadCustomers не надо):

watch: {
  '$route.query.page': {
    immediate: true,
    handler: 'loadCustomers',
  },
},

Так?

Что-то вы переусложнили, всё гораздо проще:

if (coord.every((n, i) => n === coordinates[i])) {
  placemark.balloon.open();
}

Но вообще, надо переписывать - у вас там обработчик события clickAddress назначается несколько раз, хотя достаточно и одного (да и в целом - многословно как-то). Например, так:

const placemarks = elem.find('.map-balloonContent').get().map(n => createPlacemark({
  coord: $(n).data('coord'),
  content: $(n).html(),
}));
placemarks.forEach(n => myMap.geoObjects.add(n));
placemarks[0].balloon.open();

elem.on('clickAddress', function(e, coord) {
  placemarks.find(n => n.geometry.getCoordinates().every((m, i) => m === coord[i])).balloon.open();
});

function getWinCount(team) {
  const el = Array.prototype.find.call(
    document.querySelectorAll('.table-item__name'),
    n => n.textContent === team
  );

  return el ? +el.closest('tr').children[3].textContent : null;
}


const wins = getWinCount('Уфа');

UPD. Вынесено из комментариев:

Мой браузер не поддерживает ES-2015

На будущее: о таких вещах следует говорить сразу.

Будет работать в IE11:

function getWinCount(team) {
  var teams = document.querySelectorAll('.table-item__name');

  for (let i = 0; i < teams.length; i++) {
    var el = teams[i];
    if (el.textContent === team) {
      while ((el = el.parentNode).tagName !== 'TR') ;
      return +el.children[3].textContent;
    }
  }

  return null;
}

Индекс неправильный. Нужное вам значение передаётся первым параметром в each:

$('.container').find('h2, h3').each(function(i) {

Его и используйте:

text = $('.select-list li a').eq(i).text();

не надо код, подскажите алгоритм

Думаю, это уже не актуально - раз вы опубликовали собственный вариант. Так что просто код:

function shorten(val) {
  if (val <= 10000) {
    return val.toString();
  }

  const thousands = val / 1000;
  const rounded = Math.round(thousands);
  const deviation = Math.sign(thousands - rounded);

  return `${[ '≈', '', '>' ][deviation + 1]}${rounded} т.`;
}

Ну и откуда тогда должна браться цена, если селект с ценой отсутствует? Можете подставлять случайное значение - как, подойдёт такой ответ? Нет? Тогда дополняйте вопрос.

UPD.

Цена завернута в див price prc-new

ОК, тогда замените

$('[name="variant"] option:checked').data('price')

на

$('.price.prc-new span').text()

если я правильно вас понял...

$('input').on('input', function() {
  $(this).val((i, v) => Math.max(this.min, Math.min(this.max, v)));
});

или

document.querySelector('input').addEventListener('input', ({ target: t }) => {
  t.value = Math.max(t.min, Math.min(t.max, t.value));
});

$('.price').text((i, text) => {
  const [ price, currency ] = text.split(' ');
  return `${(+price).toLocaleString()} ${currency}`;
});

// или

document.querySelectorAll('.price').forEach(n => {
  n.textContent = n.textContent.replace(/\d(?=(\d{3})+\D)/g, '$& ');
});

Ну или (что желательно), перед выводом пропускайте цену через toLocaleString.