0xD34F

Делайте так:

$checkValue = function($arrPostKey, $value) use(&$errors) {

Или так:

function checkValue($arrPostKey, $value, &$errors) {

Или так:

function checkValue($arrPostKey, $value) {
  global $errors;

Режем введённую пользователем строку на куски:

const termParts = term.trim().toLowerCase().split(/\s+/);

Проверяем наличие каждой части:

if (termParts.every(n => data[i][0].toLowerCase().includes(n))) {

Часть начального кода с v-for я пропустил.

Это зря - непонятно, что такое date и types.

Предположу, что вам следует заменить это:

types.id == date.activities[i].type_id

на вот это:

date.activities.every(n => n.type_id == types.id)

Сложить пары "текст кнопки / имя класса" в объекты, объекты в массив, массив сделать свойством компонента:

data: () => ({
  items: [
    { buttonText: '+', className: 'container' },
    { buttonText: '-', className: 'container-fluid' },
  ],
  ...
}),

На основе этого массива создавать кнопки:

<button
  v-for="n in items"
  v-text="n.buttonText"
  :class="{ active : active === n.className }"
  @click="active = n.className"
></button>

Похоже на то, к чему вы стремились?

<div :class="isActive ? 'newClass' : 'menu-contain'">

<div :style="{ 'background-image': `url(${Avatar.ClassIcon})` }"></div>

Понадобятся два свойства - номер текущей страницы (page) и количество элементов на странице (perPage). Имея эти значения, можно показать элементы текущей страницы (UPD. Тут, конечно, косяк - items.slice... надо было унести в computed):

<div v-for="item in items.slice((page - 1) * perPage, page * perPage)">
  {{ item }}
</div>

Также вычислим общее количество страниц:

computed: {
  numPages() {
    return Math.ceil(this.items.length / this.perPage);
  },
},

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

methods: {
  next(change) {
    this.page = Math.max(1, Math.min(this.numPages, this.page + change));
  },
},

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

<button @click="next(-1)" :disabled="page <= 1">prev</button>
<button @click="next(+1)" :disabled="page >= numPages">next</button>

https://jsfiddle.net/7a1w62xm/1/

Вариант первый. Роут city определяем так:

{ path: '/city', component: City, props: () => ({ cityid: app.cityid }) }

Вариант второй. Передаём параметр через router-view:

<router-view :cityid="cityid"></router-view>

Одно непонятно - чем вас не устраивает нормальное решение? Добавить в маршрут динамический сегмент и затем передавать его в компонент маршрута как параметр. Например, так.

Сбрасывайте значение validate перед проверкой:

validate = true;
if (/* проверка введённых данных */) {
  validate = false;
}

Или вообще избавьтесь от условного оператора (надо только будет инвертировать результат, чтобы проверка выдавала true, когда всё хорошо):

validate = /* проверка введённых данных */

Отсортировать существующий массив:

arr.sort(({ date: a }, { date: b }) => !a ? 1 : !b ? -1 : a - b);
// или
arr.sort((a, b) => (a.date || Infinity) - (b.date || Infinity));

Собрать отсортированный новый:

const sortedArr = arr
  .map(n => [ n, n.hasOwnProperty('date') ? n.date : Infinity ])
  .sort((a, b) => a[1] - b[1])
  .map(n => n[0]);

Так:

function toggleWithInterval(selector, delay) {
  let index = -1;

  return setInterval(function($items) {
    $items.eq(index).hide();
    index = (index + 1) % $items.length;
    $items.eq(index).show();
  }, delay, $(selector).hide());
}

toggleWithInterval('.container1 > .good', 1000);
toggleWithInterval('.container2 > .good', 300);

??

Зачем preg_split? Используйте preg_match_all, регулярка - /что-то\d+/.

UPD. В комментариях выяснилось, что регулярные выражения не нужны:

$arr = explode(', ', explode('какой-то текст: ', $str)[1]);

Хотя, конечно, если очень хочется, то можно и с ними попробовать:

preg_match_all('/[^ ,:]+(?!.*:)/', $str, $matches);
$arr = $matches[0];

<input type="text" disabled={this.state.selectedPeriod} />

О каком элементе идёт речь:

const id = '2'; // а нормальный id придумать было - нет, никак?

Как до него добраться:

const el = document.getElementById(id);

// или

const el = document.querySelector(`[id="${id}"]`);

// или (нет, это если бы id нормальный был)

const el = document.qurrySelector('#' + id);

Вот родительский элемент: const parent = el.parentNode;.

Перемещаем:

parent.prepend(el);

// или

parent.children[0].before(el);

// или

parent.insertAdjacentElement('afterbegin', el);

// или

parent.insertBefore(el, parent.firstElementChild);

А что это вы такое показали? - насколько я понял, огрызок какого-то метода. При каждом вызове создаётся новый объект audio, и работаете вы только с ним, в то время как доступ к предыдущему потерян после окончания предыдущего же вызова. Надо этот audio куда-то сохранять, чтобы иметь доступ между вызовами метода.

А как вы думаете - бывают ли иные значения у свойства display, кроме none и block? Я вот слышал, будто есть ещё table-cell, например.

1. Вам не кажется странным, что блоков 16, а переменная, отвечающая за угол поворота - всего одна?

2. После каждого поворота проверять углы поворота всех блоков.

В общем, держите. Дальше допиливайте сами.

Самый быстрый и простой способ - заменить var i на let i.

Но есть и другие варианты.

Можно перебирать элементы через forEach вместо обычного цикла, индекс будет всегда правильный:

document.querySelectorAll('li').forEach((n, i) => {
  n.addEventListener('click', e => {
    console.log(i);
  });
});

Или, прицепить индексы к элементам в качестве data-атрибутов:

const onClick = e => console.log(e.target.dataset.index);
const li = document.getElementsByTagName('li');

for (let i = 0; i < li.length; i++) {
  li[i].dataset.index = i;
  li[i].addEventListener('click', onClick);
}

Или, вычислять индекс самостоятельно:

document.querySelector('ul').addEventListener('click', e => {
  if (e.target.tagName === 'LI') {
    const i = [...e.currentTarget.children].indexOf(e.target);
    console.log(i);
  }
});

elem.style.opacity += 0.02;

Тип значения - строка. Поэтому += тут делать нельзя. Можно так:

elem.style.opacity = (+elem.style.opacity + 0.02).toFixed(2);

Вы пытаетесь искать соседей для элементов .q - а они друг другу соседями не приходятся, поскольку у каждого есть отдельный родительский элемент .trigger. Так что замените $(this).siblings() на $(this).parent().siblings().

А вообще, можно сделать гораздо проще:

const $q = $('.trigger .q').click(function() {
  $q.not(this).next().slideUp();
  $(this).next().slideToggle();
});