0xD34F

html += '<li onclick="location.href=\'' + product.url + '\'">';

или

html += `<li onclick="location.href='${product.url}'">`;

Замените обычную функцию на стрелочную:

fs.open(fname, 'a', (err, file_handle) => {
  if (!err)
    this.file_handle = file_handle;

Или bind используйте. Или можете до вызова fs.open сохранить текущий контекст в переменную, и использовать её внутри коллбека вместо this.

this.dataCalendar.curMonth++

this.dataCalendar.curYear--

Страшно на такое смотреть. И ещё эти условия - curMonth < 11, curMonth > 0... Изменился месяц - надо поменять день (или не надо?), надо поменять год (или не надо - по-всякому бывает), поменять ещё чёрт знает что. Увеличили день - надо менять месяц, если это 30/31 число, иногда год - если было 31 декабря. Ну и т.д. и т.п.

Почему бы непосредственно не изменять ТОЛЬКО свойство даты - а все остальные пусть пересчитываются при изменении curDate? Вместо curMonth++ будет что-то вроде

curDate = new Date(curDate.setMonth(curDate.getMonth() + 1))

А остальные свойства из обычных станут вычисляемыми:

computed: {
  calendarData() {
    return {
      year: this.curDate.getFullYear(),
      month: this.curDate.getMonth(),
      // ...
    };
  }
}

Вместо

$('#given1').on('change', 'select', function(){
  addNewSelect();
});

должно быть

$('#given1').on('change', 'select', addNewSelect);

Ну и второй обработчик аналогично. Кстати, их можно объединить - допускается указывать несколько имён событий, разделив их пробелом. Типа так: .on('change blur',.

Делайте так:

$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.querySelector('#' + id);

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

Перемещаем:

parent.prepend(el);

// или

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

// или

parent.insertAdjacentElement('afterbegin', el);

// или

parent.insertBefore(el, parent.firstElementChild);

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