0xD34F

А откуда вы взяли, что у вас там массив? Вы сообщение об ошибке вообще читали? Если "this.articles.push is not a function", значит this.articles - это не массив, у массивов метод push есть. Изначально да - массив, но когда вы в created вызываете getArticles, производится перезапись свойства. Неплохо было бы разобраться, что на самом деле возвращает запрос на получение статей - уж не объект ли?

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

Да, не массив, а объект. Я просто и так и так пробовал. Смог добавить таким способом.
this.articles = Object.assign(this.articles, response.data.payload);

Но значение добавилось не так как нужно.

Присваивание бессмысленное - Object.assign модифицирует первый аргумент, а не создаёт новый объект.

Кроме того, vue не отслеживает установку значений по индексу.

Сам способ добавления данных в массив сомнительный - что если имена свойств пришедшего объекта не образуют корректного набора индексов? Типа, начинаются не с нуля, есть пропуски... А если какие-то из имён свойств вообще не могут быть использованы в качестве индекса массива? - само свойство создано будет, но v-for (как и методы - forEach, map, ...) не будет его обрабатывать. Доставайте из объекта массив значений и уже его элементы добавляйте в articles:

this.articles.push(...Object.values(response.data.payload));

Это если именно "добавить в существующий". Но, поскольку изначально он пустой, в getArticles можно просто заменить один массив другим:

this.articles = Object.values(response.data.payload);

А вообще - какого чёрта? Ждёте массив, а приходит объект... Или исправьте бекенд, чтобы приходил массив, или не ждите массива - замените дефолтное значение articles на пустой объект, а в getArticles по получении данных просто выполняйте присваивание: this.articles = response.data.payload. А там, где пытаетесь concat выполнить, создавайте новый объект, в который будут копироваться свойства существующего и результат запроса:

this.articles = { ...this.articles, ...response.data.payload };
// или
this.articles = Object.assign({}, this.articles, response.data.payload);

Инициализируйте vue по событию popupopen:

marker.on('popupopen', function(e) {
  new Vue({ el: e.popup._contentNode });
});

let index = -1;

setInterval(radios => {
  radios.item(index = (index + 1) % radios.length).click();
}, 1000, document.querySelectorAll('.gallery-colors input'));

или

(function click(radios) {
  const radio = radios[-~radios.findIndex(n => n.checked)] || radios[0];
  radio.checked = true;
  radio.dispatchEvent(new Event('change', { bubbles: true }));
  setTimeout(click, 1000, radios);
})([...document.getElementsByName('bmw')]);

При присваивании или передаче в качестве параметра объект не копируется, копируется ссылка на него. Так что у вас в сторе оказывается тот же объект (в смысле - ссылка на тот же объект), что и в компоненте с формой.

Когда кидаете объект в стор, делайте копию. Типа, не size: this.namespaceSize, а size: { ...this.namespaceSize }. Или внутри стора копируйте, в мутации.

Есть linear-gradient, но там плавный переход цветов...

не обязательно:

linear-gradient(to right, white 0%, white 33%, blue 33%, blue 66%, red 66%, red 100%)

Добавьте внутрь окна ещё один блок, <div class="modal-content">, например.

И кидайте подгружаемый контент в него.

Какое значение не нужно: const valueToDel = 'value1';

Удаляем:

for (const n of Object.entries(obj)) {
  if (n[1] === valueToDel) {
    delete obj[n[0]];
  }
}

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

const newObj = Object
  .entries(obj)
  .reduce((acc, [ k, v ]) => (v !== valueToDel && (acc[k] = v), acc), {});

// или

const newObj = Object.fromEntries(Object
  .entries(obj)
  .filter(n => n[1] !== valueToDel)
);

$(response).filter('.item').each(function() {
  $owl.trigger('add.owl.carousel', this);
});
$owl.trigger('refresh.owl.carousel');

$(this).next('.copy').clone().appendTo('.modal')

Потому что роут поменялся, а таймаут остался. И когда вы находитесь уже на другом роуте, этот забытый таймаут внезапно срабатывает и... Ну, понятно.

Сохраняйте таймаут при установке и сбрасывайте его при уходе с роута:

this.timeout = setTimeout(...

beforeRouteLeave(to, from, next) {
  clearTimeout(this.timeout);
  next();
},

UPD. Небольшое демо.

Делай раз:

let workingLine = function() {

Делай два:

firstLetter = workingLine[0]

Делай три:

firstLetter.match( /[a-z]|[а-я]/g )

Создаёте функцию, достаёте из неё значение свойства 0, которого нет, т.е., получаете undefined, и у этого undefined пытаетесь вызвать строковый метод.

Это гениально.

Потому что когда.b-popup появляется, он закрывает собой .b-block, возникает событие mouseleave, и его надо скрывать. А как он скрылся - его надо снова показывать, потому что на .b-block возникает событие mouseenter. Ну вот так оно по кругу и происходит.

Добавьте pointer-events: none для .b-popup. Или поместите .b-popup внутрь .b-block.

Внутри цикла не работает setTimeout

Работает, если завернуть его в промис и await'ить:

(async () => {
  const data = [ 1, 2, 3, 4, 5 ];
  for (const n of data) {
    console.log(n);
    await new Promise(r => setTimeout(r, 1000));
  }
})();

Точно так же, как и без jquery.

в Storage сохраняются введенные значения, а в инпут - нет

Ну так наверное надо значение из localStorage доставать и засовывать в input при загрузке страницы:

$('#text')
  .val(localStorage.getItem('key') || '')
  .on('input', e => localStorage.setItem('key', e.target.value));

https://jsfiddle.net/1cz02wad/

str.match(/((^[а-яёa-z])|[А-ЯЁA-Z])[а-яёa-z]{2,}/g)

navContainer: $(this).prev().find('.arrows')

а вообще, было бы неплохо сделать так, чтобы у .arrows и у .i-catalogList всё-таки был общий предок

nextHandler = () => {
  const items = [...this.state.items];
  items.push(items.shift());
  this.setState({ items });
}

prevHandler = () => {
  const items = [...this.state.items];
  items.unshift(items.pop());
  this.setState({ items });
}

или, можно обойтись одним обработчиком:

<button onClick={this.nextHandler} data-step={-1}>prev</button>
<button onClick={this.nextHandler} data-step={+1}>next</button>

nextHandler = (e) => {
  const step = +e.target.dataset.step;

  this.setState(({ items }) => ({
    items: [ ...items.slice(step), ...items.slice(0, step) ],
  }));
}

Дефолтное имя параметра значения для v-model - "value", а никакой не "modal". Замените имя параметра, или настройте model в соответствии со своими потребностями.

Замените

e.date + 86400000*4

на

new Date(e.date + 86400000 * 4)