0xD34F

Что значит "основной"? Показываемый при инициализации? Если так, то

data: () => ({
  swiperOptions: {
    initialSlide: здесь номер слайда,
  },
}),

<swiper :options="swiperOptions">

arr.reduce((acc, n) => {
  const { x, y } = acc[acc.length - 1] || {};
  for (let i = 1; n.x - x - i >= 1; i++) {
    acc.push({ x: `${+x + i}`, y });
  }

  acc.push({ ...n });

  return acc;
}, [])

кнопка будет disabled, если все три поля input будут пустые и наоборот, если все поля заполнены, то кнопка станет enabled

А если поля заполнены, но не все - одно или два? Это получается какое-то третье состояние, которого у кнопки быть не может. Вам следует больше внимания уделять формулировкам стоящих перед вами задач. "Наоборот" для "все пустые" - это "хотя бы одно заполнено":

const button = document.querySelector('селектор кнопки');
const inputs = [...document.querySelectorAll('селектор инпутов')];
const onInput = () => button.disabled = inputs.every(n => !n.value);
inputs.forEach(n => n.addEventListener('input', onInput));
onInput();

И, аналогично, для "все заполнены" - "хотя бы одно пустое", вместо every будет some.

onMarkerMouseOver() {
  this.openPopup();
}

<Marker onMouseOver={this.onMarkerMouseOver}>

https://jsfiddle.net/2vox61wf/

usort($arr, function($a, $b) {
  $t = strcmp($a['type'], $b['type']);
  return $t ? $t : $a['id'] - $b['id'];
});

Обновляете стейт дочернего компонента вместо родительского.

Надо перенести метод handleInput в родительский компонент и передавать в дочерний:

<Input handleInput={this.handleInput} />

В дочернем, соответственно, доставать его не непосредственно из текущего экземпляра, а из props:

onChange={this.props.handleInput}

$('.cart_qty').change(({ target: t }) => {
  $(t)
    .closest('селектор блока с товаром')
    .find('.shopcart__item-total')
    .text(function() {
      return t.value * this.dataset.price;
    });
});

или

document.querySelectorAll('.cart_qty').forEach(n => n.addEventListener('change', onChange));

function onChange({ target: t }) {
  const total = t.closest('селектор блока с товаром').querySelector('.shopcart__item-total');
  total.innerText = t.value * total.dataset.price;
}

arr.flatten.include?('EMPTY VALUE!')

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

data: () => ({
  value: '',
  values: [ 'hello, world!!', 'fuck the world', 'fuck everything' ],
}),

<input v-model="value">
<button v-for="(n, i) in values" @click="value = n">set value #{{ i + 1 }}</button>

data: () => ({
  scroll: 0,
}),
computed: {
  style() {
    return {
      height: здесь рассчитываете высоту на основе this.scroll,
    };
  },
},
created() {
  const onScroll = () => this.scroll = document.scrollingElement.scrollTop;
  onScroll();
  document.addEventListener('scroll', onScroll);
  this.$on('hook:beforeDestroy', () => document.removeEventListener('scroll', onScroll));
},

<div :style="style">

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

const options = [
  [ 'hello, world!!', 'fuck the world', 'fuck everything' ],
  500,
  console.log,
];

Можно установить интервал:

function interval(arr, delay, callback) {
  let i = -1;

  return arr.length
    ? setInterval(() => callback(arr[i = -~i % arr.length]), delay)
    : null;
}


const intervalId = interval(...options);
// надо остановить хождение по кругу, делаем так: clearInterval(intervalId);

Или воспользоваться рекурсивными таймаутами:

function interval(arr, delay, callback) {
  let timeoutId = null;

  arr.length && (function step(i) {
    timeoutId = setTimeout(() => {
      callback(arr[i]);
      step((i + 1) % arr.length);
    }, delay);
  })(0);

  return () => clearTimeout(timeoutId);
}


const stop = interval.apply(null, options);
// надо остановить, делаем так: stop();

Перебрать элементы, выдернуть оттуда нужные данные, склеить в строку:

Array.from(navigator.plugins, n => n.name).join(', ')

Сделайте вычисляемое свойство, где и будет осуществляться группировка:

computed: {
  grouped() {
    return this.dataTable.reduce((acc, n) => {
      (acc[n.customer.name] = acc[n.customer.name] ?? []).push(n);
      return acc;
    }, {});
  },
},

<template v-for="(items, customer) in grouped">
  <tr>
    ...
  </tr>
  <tr v-for="item in items">
    ...
  </tr>
</template>

Потому что кто-то не понимает разницы между собственно функцией и результатом её вызова. Вот же позорище.

Оборачивайте вызов функции в другую функцию. Или bind используйте. Или разберитесь, что принимают обработчики событий в качестве параметра, и перепишите функцию так, чтобы не надо было ей передавать элементы btnNextLevel.

https://github.com/vuetifyjs/vuetify/issues/4058

function xxx(key) {
  let val = entityTree[key];
  const nextKey = Array.isArray(val) && (val = [...val], val.pop());
  return val ? [].concat(key, val, xxx(nextKey)) : [];
}

$prevButton.click(() => $slider.trigger('prev.owl.carousel'));
$nextButton.click(() => $slider.trigger('next.owl.carousel'));

Вместо v-for="image in images" должно быть v-for="image in result.images".

Вместо v-model="profileImg" и {{profileImg}} должно быть v-model="result.profileImg" и {{ result.profileImg }}.

Чтобы группы радиокнопок работали независимо, вместо статичного name="profileImg" значение name должно вычисляться динамически, в зависимости от result (например - добавляйте id, если есть, или индекс).

Вместо <li>{{ result.sizes.join(' ') }}</li> должно быть <li v-for="size in result.sizes">{{ size }}</li>.

/[А-ЯЁ ]/i.test(str)