Сергей Соколов

потому что "5" встают между элементами массива, а между 5 элементами - 4 расстояния
""5""5""5""5""

Потому что '5' в вашем случае это разделитель между элементами. Соответственно мы имеем 5 элементов, но между ними будет только 4 разделителя.

А почему должно быть 6 ? Поменяйте в counter() на return ++currentCount; и будет вам 6.
Про разницу между формами инкремента читайте тут https://learn.javascript.ru/operators#inkrement-de...

проблема не во Vue. проблема (а это на самом деле не проблема) в особенностях рендеринга браузера. за ничтожно малый промежуток времени к элементу применяется два одинаковых патча стилей, поэтому он их в целях оптимизации не рендерит два раза, а рендерит сразу второе положение. изменить это поведение можно если насильно спровоцировать reflow/repaint между двумя патчами, сделать это можно, например, запросив для чтения какое-нибудь св-во, например ширины элемента. т.е. как-то так:

<Box v-for="(item, index) in subset"
  ...
  :ref="`ref${index}`">

Vue.nextTick( () => {
  this.$refs.ref2[0].$el.clientWidth;
  ...
});

https://jsfiddle.net/f4qao1xt/
https://jsfiddle.net/dyuct4x9/

Есть такой тег <audio>
Там можно указать путь к файлу.

Также у этого тега есть событие ended, которое срабатывает в конце воспроизведения. По этому событию можно запустить следующий трек.

$y = 40000+$x*10000

Вот тут почитайте https://developer.mozilla.org/ru/docs/Web/API/Even... в аргументе options есть параметр once, его установите в true
Вот пример

Оберните window в Proxy, тогда увидите даже последовательность происходящих инициализаций.

https://learn.javascript.ru/proxy

Можно сравнить список ключей в window до импорта скрипта и после, как вариант.

matches.sort((a, b) => a.length - b.length).pop()

Где элементы находятся (родительский элемент), кого из них (минимальный и максимальный индексы в коллекции вложенных элементов родителя) и куда надо переместить:

const parent = document.querySelector('.box').parentNode;

const iMin = 2;
const iMax = 5;

const wrapper = document.createElement('div');
wrapper.classList.add('wrapper');

Получаем элементы, перемещаем:

if (parent.children[iMin]) {
  const elems = Array.prototype.slice.call(parent.children, iMin, iMax);
  elems[0].before(wrapper);
  wrapper.append(...elems);
}

// или

const elems = parent.querySelectorAll(`:nth-child(n + ${-~iMin}):not(:nth-child(n + ${-~iMax}))`);
if (elems.length) {
  parent.insertBefore(wrapper, elems[0]);
  elems.forEach(n => wrapper.appendChild(n));
}

// или

if (parent.children.length > iMin) {
  parent.children[iMin].insertAdjacentElement('beforebegin', wrapper);
  for (let i = iMax - iMin, n = null; i-- && (n = wrapper.nextElementSibling);) {
    wrapper.insertAdjacentElement('beforeend', n);
  }
}

В девтулс пропишите

window.alert = function() {
    debugger;
}

Затем добейтесь срабатывания этого алерта, и у вас будет остановка в том месте, где он был вызыван.

Вы передаете массив по ссылке в функцию, и меняете его там, поэтому он меняется. Внутри функции используйте slice, или клонируйте свою матрицу.
UPD: вот реализация без этой проблемы.

var rowNumber = 0;
var colNumber = 1;
var x = A.filter(function (val, ind) {
   return ind !== rowNumber;
}).map(function (val) {
   return val.filter(function (val, ind) {
       return ind !== colNumber;
    });
});