0xD34F

https://freelansim.ru/

preg_match_all('/[A-Z]+ - \d+(,\d+)?/', $str, $matches);
$data = array_map(function($n) {
  $d = explode(' - ', $n);
  return [
    'size' => $d[0],
    'value' => $d[1]
  ];
}, array_unique($matches[0]));

есть 30 000 строк в массиве, нужно показать их в DOM

Не нужно. Кому показывать-то? - пользователь столько информации не воспримет за один раз.
Есть такое слово - "пагинация". Погуглите, что это.

Пытался разными способами <...> что то явно не так

А как мне понять, что у вас не так, если вы не показали, как пытались?

v-model="$store.state.registrations.user_email"

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

user_email: {
  get() {
    return this.$store.state.registrations.user_email;
  },
  set(val) {
    this.$store.commit('update_user_email', val);
  },
},

v-model всегда будет разный

Имя редактируемого свойства можно оформить в виде параметра компонента, и передавать его в мутацию вместе с новым значением (или передавать объект вида { имя_свойства: значение } и с помощью Object.assign закидывать его в объект в стейте - так за один вызов мутации можно будет обновлять несколько свойств).

А может, всё-таки срабатывает, а кажется что нет потому что балун метку загораживает? - наверняка так и есть. Задайте в опциях балуна смещение (balloonOffset: [ -50, -50 ], например), чтобы увидеть, что находится под ним, убедиться, что метка на месте. Если вдруг нет - воспроизводите свою ситуацию в песочнице, попробуем разобраться.

У вас при каждом вызове calendarInit назначаются дополнительные обработчики кликов для prev_month и next_month. То есть, при каждом клике количество обработчиков у вас удваивается. Нажали один раз - к одному существующему добавился ещё один, стало два. Нажали второй раз - каждый из этих двух обработчиков добавил по ещё одному, стало четыре. После третьего клика - стало восемь, после шестого - 64. Как думаете, может это стать причиной торможения?

Ставите ref на прокручиваемый элемент, и читаете/назначаете его scrollTop.

const $select = $('select').change(function() {
  const selected = $(':selected', this).get().map(n => n.value);
  const disabled = $(':disabled', this).get().map(n => n.value);

  $select
    .not(this)
    .find('option')
    .prop('disabled', function(i, val) {
      return disabled.includes(this.value) ? val : selected.includes(this.value);
    });
});

или

const selects = [...document.querySelectorAll('select')];
selects.forEach(n => n.addEventListener('change', onChange));

function onChange() {
  const options = [...this];
  const selected = options.filter(n => n.selected).map(n => n.value);
  const disabled = options.filter(n => n.disabled).map(n => n.value);

  for (const n of selects.flatMap(m => m === this ? [] : [...m])) {
    n.disabled = disabled.includes(n.value) ? n.disabled : selected.includes(n.value);
  }
}

Родительскому блоку дополнительного содержимого добавьте какой-нибудь класс, чтобы к нему напрямую обращаться можно было, типа class="subs", например.

$('select').change(function() {
  $('.subs [class*="sub"]')
    .addClass('hidden')
    .filter(`.sub${$(this).val()}`)
    .removeClass('hidden');
});

// или

$('select').change(function(e) {
  const index = ($(e.target).prop('selectedIndex') || Infinity) - 1;
  this.addClass('hidden');
  this.eq(index).removeClass('hidden');
}.bind($('.subs').children()));

или

document.querySelector('select').addEventListener('change', e => {
  const cls = `sub${e.target.value}`;
  document.querySelectorAll('.subs [class*="sub"]').forEach(n => {
    n.classList.toggle('hidden', !n.classList.contains(cls));
  });
});

// или

document.querySelector('select').addEventListener('change', e => {
  const index = ~-e.target.selectedIndex;
  Array.prototype.forEach.call(
    document.querySelector('.subs').children,
    (n, i) => n.classList.toggle('hidden', i !== index)
  );
});

О каком input'е идёт речь, и чему должно быть кратно его значение:

const input = document.querySelector('input');
const num = 100;

Можно исправлять вводимые значения:

input.addEventListener('change', function() {
  this.value = (this.value / num | 0) * num;
});

Или не давать вводить неправильные - блокируем ввод в инпут (атрибут readonly), изменение значения осуществляем с помощью кнопок:

<button data-step="-1">-</button>
<button data-step="+1">+</button>

document.querySelectorAll('[data-step]').forEach(function(n) {
  n.addEventListener('click', this);
}, e => input.value = +input.value + e.target.dataset.step * num);

Добавляем pointer-events: none; элементу .bigImage - всё окей, никаких скачков.

кто документацию не читает - тот дурак

Ну раз данные должны обновляться при наличии компонента - отключайте обновление в его beforeDestroy.

Есть разница между просто делением и делением целочисленным. А вы обе команды одинаково обрабатываете.

ng-repeat="obj in this.objects | filter: this.searchText as filtered"

ng-if="!filtered.length"

А может стоит перестать заниматься ерундой (в смысле - пытаться использовать jquery совместно с vue), и попробовать взглянуть в сторону чего-нибудь более подходящего?

Ну а так-то проблем нет: DOM-элементам добавляете какой-нибудь атрибут (типа data-id), который будет задавать связь между DOM-элементом и элементом данных; добавляете обработчик update своему sortable, в котором получаете DOM-элементы, выдергиваете значения атрибута, в соответствии с их порядком перестраиваете исходные данные. Например.

А зачем вам vue версии 1? Возьмите посвежее, всё будет окей.

Массив scrores у вас пустой, замените

scores:=[]int32{}

на

scores:=[]int32{0, 0}

Десять секунд гугления, находим примерный вариант - надо только порядок поменять, от краёв к центру:

#include <iostream>
#include <iomanip>
#include <bits/stdc++.h> 

using namespace std;

int main()
{
  const int N = 6;

  int m[N][N] = { 0 };

  for (int i = 0; i < N; i++) {
    for (int j = 0; j < N; j++) {
      int x = min(min(i, j), min(N - 1 - i, N - 1 - j));
      m[i][j] = N * N + 1 - (i > j
        ? (N - 2 * x - 2) * (N - 2 * x - 2) + (i - x) + (j - x)
        : (N - 2 * x) * (N - 2 * x) - (i - x) - (j - x)
      );
    }
  }

  for (int i = 0; i < N; i++) {
    for (int j = 0; j < N; j++) {
      cout << setw(5) << m[i][j];
    }
    cout << endl;
  }
   
  return 0;
}

Откуда надо получить классы:

const inputs = document.querySelectorAll('ol input');

Получаем уникализированный массив классов:

const classes = [...new Set(Array.prototype.flatMap.call(
  inputs,
  n => [...n.classList]
))];

Или, получаем всё, что есть:

const classes = Array
  .from(inputs, n => Array.from(n.classList))
  .flat();