0xD34F

nextSlide = ({ target: { dataset: { step } } }) => {
  this.setState(({ images: { length }, currentImageIndex: i }) => ({
    currentImageIndex: Math.max(0, Math.min(length - this.props.slidesToShow, i + +step)),
  }));
};

<button onClick={this.nextSlide} data-step="-1">PREV</button>
<button onClick={this.nextSlide} data-step="+2">NEXT</button>

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

<span>{{ result.prices[result.indexOfSize] }}</span>

А вообще, что-то не могу никак понять - зачем раскладывать данные, относящиеся к одной сущности, по разным массивам? Я бы сделал массив объектов:

items: [
  { size: '256GB', price:  '99 999' },
  { size: '512GB', price: '105 999' },
],
index: 0,

<label v-for="(n, i) in result.items">
  <input type="radio" :value="i" v-model.number="result.index">
  <span>{{ n.size }}</span>
</label>

Выбранный элемент которого можно оформить как вычисляемое свойство:

computed: {
  selectedItem() {
    return this.result.items[this.result.index];
  },
  ...

Ну и вывод цены станет выглядеть так:

<span>{{ selectedItem.price }}</span>

@click="menuShow=!menuShow,goToBlock"

Добавив переключение menuShow, вы превратили значение v-on из имени метода в inline-выражение. Так что goToBlock теперь не вызывается. Вызовем: @click="menuShow = !menuShow, goToBlock($event)". Ну а лучше бы конечно сделать новый метод (если goToBlock действительно нужен как отдельный метод, в противном случае достаточно унести в него переключение menuShow), как-то так:

methods: {
  goToBlock(selector) {
    document.querySelector(selector).scrollIntoView({
      behavior: 'smooth',
    });
  },
  onMenuItemClick(e) {
    this.menuShow = false;
    this.goToBlock(e.target.getAttribute('href'));
  },
},

@click.prevent="onMenuItemClick"

Не надо никуда ничего сохранять:

arr.splice(0, arr.length, ...arr.map((n, i, a) => (a[i - 1] ?? 0) + (a[i + 1] ?? 0)));

preg_replace('~(?<=.{2}).(?=.*@)~', '*', $str)

const $links = $('.small a');
let currentIndex = null;

function setActiveImage(index) {
  currentIndex = (index + $links.length) % $links.length;
  $('.big img').attr('src', $links.eq(currentIndex).attr('href'));
  $('.photo').text(`${currentIndex + 1} / ${$links.length}`);
}

$links.click(e => (e.preventDefault(), setActiveImage($links.index(e.currentTarget))));
$('#prev').click(() => setActiveImage(currentIndex - 1));
$('#next').click(() => setActiveImage(currentIndex + 1));

setActiveImage(0);

Сделать вычисляемое свойство, содержащее в себе все need_watch:

computed: {
  needWatch() {
    return Object.fromEntries(Object.entries(this.obj_lev_1).map(n => [ n[0], n[1].need_watch ]));
  },
},

И следить за ним:

watch: {
  needWatch(newVal, oldVal) {
    const [ k, v ] = Object.entries(newVal).find(n => n[1] !== oldVal[n[0]]);
    alert(`${k}.need_watch changed from ${oldVal[k]} to ${v}`);
  },
},

Или, сделать компонент, который будет получать вложенные объекты или их need_watch в качестве параметра. Создавать новое значение внутри и отправлять его наверх (v-model/sync). Подписаться в родителе на соответствующее событие (вместо использования watch).

editTask (task, index) {

v-model="editidTask.title"

task.title = this.editTask.title

Вижу, имена свойств/методов подобраны грамотно - перепутать невозможно.

this.tasks.map((task, index) => {
  if (index === this.editidTask.id) {

Во-первых - зачем перебирать массив, если вам известен индекс элемента? Кстати, очень умно - хранить индекс в свойстве с именем "id".

Во-вторых - не боитесь обновить что-то не то? Работаете с массивом tasks, используя индекс, полученный при работе с tasksFiltered.

UPD. Исправляем:

При сохранении копируем свойства редактируемого объекта, а не метода, начинающего процесс редактирования (серьёзно, как можно было перепутать?).

К чёрту индекс, всё равно удалять с его помощью не получится - для этого нужен индекс в исходном массиве, а не отфильтрованном. Ищем нужный элемент непосредственно в момент сохранения.

Напрямую к заявленной проблеме не относится, но сказать стоит:

Имеет смысл оформить модальное окно как отдельный компонент - упрощаем компонент с таблицей, получаем возможность переиспользовать окно в других местах. Содержимое (текстовые поля) передаём внутрь через слот.

<list

Почему list, если этот компонент работает с одним элементом массива? Не понимаете, в чём разница между "один" и "несколько"?

:tasks="task"

Почему tasks, если передаёте один объект? Повторю свой вопрос - не понимаете, в чём разница между "один" и "несколько"?

:key="task.title"

Что, одинаковых title'ов быть не может? Может. Пусть здесь вместо вводимого пользователем текста будет автоматически генерируемый id.

v-show="isModal"

Отдельное свойство для управления состоянием модального окна не нужно, достаточно редактируемого объекта - окно открывается, если он не null.

task.date = this.editTask.date
task.title = this.editTask.title

Завтра потребуется редактировать третье свойство - будете копипастить? Перечислять вручную ничего не надо, есть же Object.assign.

const select = document.querySelector('select');
const reg = /^\d\d\. /;

Как проверить, что option должен быть скрыт:

const mustBeHidden = el => !reg.test(el.text);
// или
const mustBeHidden = el => el.textContent.search(reg) !== 0;
// или
const mustBeHidden = el => el.innerText.match(reg) === null;
// или
const mustBeHidden = el => !~-el.innerHTML.split(reg).length;

Как переключать видимость option'а:

const toggle = el => el.hidden = mustBeHidden(el);
// или
const toggle = el => el.style.display = mustBeHidden(el) ? 'none' : '';
// или
const toggle = el => el.style.setProperty('display', mustBeHidden(el) ? 'none' : '');
// или
const toggle = el => el.style.cssText += `display: ${mustBeHidden(el) ? 'none' : 'block'}`;
// или
const toggle = el => el.setAttribute('style', mustBeHidden(el) ? 'display: none' : '');
// или (надо будет добавить в стили .hidden { display: none; })
const toggle = el => el.classList.toggle('hidden', mustBeHidden(el));

Переключаем:

Array.prototype.forEach.call(select.options, toggle);

// или

for (const n of select.children) {
  toggle(n);
}

// или

for (let i = 0; i < select.length; i++) {
  toggle(select[i]);
}

// или

(function next(i, n = select.item(i)) {
  n && (toggle(n), next(-~i));
})(0);

// или

select.querySelectorAll('option').forEach(toggle);

for i in range(len(comp[0])):
  for j in range(len(comp)):
    print(j)

const newData = data
  .reduce((acc, { type, ...n }) => (
    (acc[acc.length - 1]?.[0] !== type) && acc.push([ type, [] ]),
    acc[acc.length - 1][1].push(n),
    acc
  ), [])
  .map(([ type, children ]) => children.length > 1
    ? { type: `Section${type}`, children }
    : { type, ...children[0] }
  );

const count = str => [...str]
  .reduce((acc, n, i, a) => (
    a[i - 1] !== n && acc.push([ n, 0 ]),
    acc[acc.length - 1][1]++,
    acc
  ), [])
  .flat()
  .join('');

или

const count = str => str.replace(/(.)\1*/g, m => m[0] + m.length);

new Date(str.split(' ', 1)[0].split('.').reverse().join('-')).toLocaleString('ru-RU', {
  month: 'long',
  day: 'numeric',
})

const $checkbox = $('.form__chekbox');
const $cbAll = $checkbox.filter('.form__chekbox_all');
const $cb = $checkbox.not($cbAll);

$cbAll.change(e => $cb.prop('checked', false));

$cb.change(() => {
  const $checked = $cb.filter(':checked');
  const allChecked = $checked.length === $cb.length;
  $cbAll.prop('checked', !$checked.length || allChecked);
  $cb.prop('checked', (i, val) => allChecked ? false : val);
});

function App(props) {
  const [ items, setItems ] = React.useState([...props.items]);
  const [ name, setName ] = React.useState('');

  const add = () => setItems([
    ...items,
    {
      id: 1 + Math.max(0, ...items.map(n => n.id)),
      name,
    },
  ]);

  return (
    <div>
      <div>
        <input onChange={e => setName(e.target.value)} />
        <button onClick={add}>add</button>
      </div>
      {items.map(n => (
        <div key={n.id}>
          {Object.entries(n).map(([ k, v ]) => <div>{k}: {v}</div>)}
        </div>
      ))}
    </div>
  );
}

mounted() {
  const observer = new IntersectionObserver(entries => {
    if (entries[0].isIntersecting) {
      stopObservation();
      // здесь запрашивайте свои данные
    }
  }, {
    threshold: 1,
  });
  observer.observe(this.$el);

  const stopObservation = () => observer.disconnect();
  this.$on('hook:beforeDestroy', stopObservation);
},

Потому что

new Date instanceof Object // true

Пора бы разобраться с основами js - какие там бывают типы данных, и в чём особенности работы с ними. В частности, как сравниваются объекты.

Потому что вы используете компонент App дважды - как корневой компонент приложения, и как компонент маршрута.

Уберите { path: '/', component: App },, или укажите вместо App какой-нибудь другой компонент.

/(?=.*1)(?=.*2)(?=.*3)/.test(str)

или

[ 1, 2, 3 ].every(n => str.includes(n))

или

new Set(str.match(/[123]/g)).size === 3