0xD34F

Выкидывайте v-model, вместо этого задавайте элементам value, и вешайте обработчик события input, в который будет передаваться имя свойства, а внутри будет дёргаться мутация:

<el-select :value="item2.select.value" @input="onInput(item2.name, $event)">

methods: {
  onInput(propName, propVal) {
    this.$store.commit('updateForm', { propName, propVal });
  },
},

Дело в том, что если в форме присутствует всего одно поле ввода, то, согласно спецификации, нажатие enter'а должно приводить к отправке формы:

When there is only one single-line text input field in a form, the user agent should accept Enter in that field as a request to submit the form.

Что делать? Блокировать действие по умолчанию при нажатии enter'а, добавить input'у @keypress.enter.prevent.

Потому что элемент набора не является набором элементов - это узел DOM-дерева. Откуда у него возьмутся методы jquery? Тут надо использовать метод eq вместо индексации, т.е. $checkbox[i] замените на $checkbox.eq(i).

Добавьте параметр - селектор корневого элемента слайдера (или сам элемент). Поиск слайдов и кнопок выполняйте не по всему документу, а внутри корневого элемента.

function simpleSlider(element) {
  const root = typeof element === 'string'
    ? document.querySelector(element)
    : element;

  const items = root.querySelectorAll('.slider__item');
  const prev = root.querySelector('.slider__btn-prev');
  const next = root.querySelector('.slider__btn-next');

  let index = 0;

  function slideTo(newIndex) {
    items[index].classList.remove('slider__item--active');
    index = (newIndex + items.length) % items.length;
    items[index].classList.add('slider__item--active');
  }

  prev.addEventListener('click', () => slideTo(index - 1));
  next.addEventListener('click', () => slideTo(index + 1));
}

simpleSlider('#slider1');
simpleSlider(document.querySelector('#slider2'));

А зачем вы деструктуризацию делаете? Ну сами подумайте - откуда возьмётся свойство formFieldsMap, если вы массив в мутацию передаёте?

Потому что метод так устроен - возвращает коллекцию, а не массив.

Хотите массив, есть варианты:

const elements = [...document.getElementsByTagName('p')];
// или
const elements = Array.from(document.getElementsByTagName('p'));
// или
const elements = [].concat.apply([], document.getElementsByTagName('p'));
// или
const elements = Array.prototype.slice.call(document.getElementsByTagName('p'));
// или
const elements = Object.values(document.getElementsByTagName('p'));

const result = arr.filter((n, i, a) => n === a.find(m => m.lat === n.lat && m.lng === n.lng));

или

const result = Object.values(arr.reduce((acc, n) => (acc[`${n.lat},${n.lng}`] = n, acc), {}));

или

const result = [].concat(...Object
  .values(arr.reduce((acc, n) => ((acc[n.lat] = acc[n.lat] || {})[n.lng] = n, acc), {}))
  .map(Object.values)
);

или

const result = Array.from(new Set(arr.map(JSON.stringify)), JSON.parse);

или

const unique = (arr, keys) =>
  arr.filter((n, i, a) => i === a.findIndex(m => keys.every(k => n[k] === m[k])));


const result = unique(arr, [ 'lat', 'lng' ]);

str.replace(RegExp(mask, 'gi'), '<strong>$&</strong>')

Как я понял, v-model в компоненте ProductRow обновляет почему-то не локальную копию item, а state у стора

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

Понадобятся два свойства - массив имён компонентов и имя выбранного в данный момент компонента:

data: () => ({
  items: [ 'имя-компонента-1', 'имя-компонента-2', 'имя-компонента-3' ],
  selected: null,
}),

На основе массива с именами создаётся список, элементам которого назначается обработчик клика, устанавливающий текущее имя компонента в качестве выбранного:

<li
  v-for="n in items"
  v-text="n"
  @click="selected = n"
></li>

Если что-то выбрано, рендерим это что-то:

<component v-if="selected" :is="selected"></component>

vAxis: {
  baselineColor: '#fff'
}

Делаю вроде все по документации ангулар!

Да ну? Открываем документацию, смотрим примеры использования Injectable и... Споткнулись вы в самом начале - не смогли его правильно импортировать. У вас:

import { Injectable } from '@angular/compiler/src/core';

В документации:

import { Injectable } from '@angular/core';

А почему было не обратится к документации? - сразу стало бы понятно, что переданные аргументы начинаются с индекса, равного 2. А не 1.

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

onScroll = e => {
  if (e.target.offsetHeight + e.target.scrollTop === e.target.scrollHeight) {
    /*
     * здесь предпринимаете действия, имеющие своим результатом
     * демонстрацию дополнительного контента
     */
  }
}

<div onScroll={this.onScroll}>
  ...

https://jsfiddle.net/kszqufd7/

[...document.querySelector('ul').children]
  .map(n => ({ el: n, text: n.querySelector('.link').innerText }))
  .sort((a, b) => a.text.localeCompare(b.text))
  .forEach(n => n.el.parentNode.append(n.el));

Найти среднее - имеете в виду то, которое окажется посередине, если расположить значения на числовой прямой? Ну, так можно:

const arr = [6,4,4.5,3.5,5.5,3,6.5];

const middle = [...arr].sort((a, b) => a - b)[arr.length / 2 | 0];

str.replace(/(<br ?\/?>\s?){4,}/g, '$1$1$1')

const Image = ({ url }) => (
  <div>
    <img src={url} />
  </div>
);

class App extends React.Component {
  state = {
    items: [],
  }

  componentDidMount() {
    fetch('https://api.kai-zer.ru/dev/method/products.getAll')
      .then(r => r.json())
      .then(r => {
        this.setState({
          items: r.response.items,
        });
      });
  }

  render() {
    return (
      <div>
        {this.state.items.map(n => <Image {...n.image} />)}
      </div>
    );
  }
}

const blockSelector = '.block';
const buttonSelector = '[data-class]';
const activeClass = 'active';

const blocks = document.querySelectorAll(blockSelector);
const buttons = [...document.querySelectorAll(buttonSelector)];
const classes = buttons.map(n => n.dataset.class);

document.body.addEventListener('click', e => {
  const button = e.target.closest(buttonSelector);
  if (button) {
    blocks.forEach(n => {
      n.classList.remove(...classes);
      n.classList.add(button.dataset.class);
    });

    buttons.forEach(n => n.classList.toggle(activeClass, n === button));
  }
});