0xD34F

1. eval
   
2. рекурсивный спуск
   
3. откажитесь от выражений, и имитируйте реальный карманный калькулятор - при нажатии на сложение/умножение/... текущее число запоминается, выбранная операция запоминается, поле ввода очищается (или, если уже есть ранее запомненные число и операция, производится соответствующее вычисление и вывод результата)
   

getOneProfile: state => {
  return state.profile
}

{{ getOneProfile.profile.name }}

То есть, у state.profile есть свойство profile? Типа, можно было бы и $store.state.profile.profile.name написать? Подозреваю, что profile всё-таки лишний. Ну и чтобы не пытаться выводить данные, которых пока нет, используйте условный рендеринг:

<КакойТоКомпонент v-if="данные">

UPD. Вынесено из комментариев:

Я думал, нужно делать какой то лоадер, пока данные идут?

Ну сделайте:

<КакойТоКомпонент v-if="данные" />
<ИндикаторЗагрузки v-else />

vue.js переопределит экземпляр класса User в обычный объект

ДА НЕУЖЕЛИ??!

О какой таблице идёт речь:

const table = document.querySelector('.table-price table');

Для выделения используем классы:

.highlight-min {
  color: green;
  font-weight: bold;
}

.highlight-max {
  color: red;
  font-weight: bold;
}

Находим минимум:

table.querySelectorAll('tr').forEach(n => {
  const td = Array
    .from(n.querySelectorAll('td:not(.logo-table)'), m => [ m, +m.innerText.match(/\d+/) ])
    .sort((a, b) => a[1] - b[1])[0][0];

  td.classList.add('highlight-min');
});

Но что если искомое значение представлено в нескольких экземплярах? Выделяем все максимумы:

for (const { cells: [ , ...cells ] } of table.rows) {
  const [ tds ] = cells.reduce((max, n) => {
    const val = parseInt(n.textContent);
    if (val > max[1]) {
      max = [ [], val ];
    }
    if (val === max[1]) {
      max[0].push(n);
    }
    return max;
  }, [ [], -Infinity ]);

  tds.forEach(n => n.classList.add('highlight-max'));
}

https://jsfiddle.net/72msenta/

Читаем документацию внимательнее:

Первое, что нужно знать — store.dispatch может обрабатывать Promise, возвращаемый обработчиком действия, и также возвращает Promise

Возвращаете из своего действия промис - then - вызываете что там вам надо.

Так, что ли?

computed: {
  catId() {
    return this.$route.meta.catId;
  },
},

Ну или без лишней мишуры:

<ListProducts :catId="$route.meta.catId" />

Обработчик blur скрывает список до того, как происходит событие click. Соответственно, клик приходится вовсе не по элементу списка. Вместо click обрабатывайте mousedown, это вот здесь:

@click="checkOption(option);"

Да потому что

v-model is required

Соответственно, добавьте вашему input'у

domProps: {
  value: this.value,
},

const className = 'класс элементов, чьи id вам надо получить';

Как получить элементы, зная их класс:

const elems = document.querySelectorAll(`.${className}`);
// или
const elems = document.getElementsByClassName(className);

Как извлечь из элемента его id:

const getId = el => el.id;
// или
const getId = el => el.getAttribute('id');
// или
const getId = el => el.attributes.id.value;

Как собрать массив id:

const ids = Array.from(elems, getId);

// или

const ids = Array.prototype.map.call(elems, getId);

// или

const ids = [];
for (const n of elems) {
  ids.push(getId(n));
}

// или

const ids = [];
for (let i = 0; i < elems.length; i++) {
  ids[i] = getId(elems[i]);
}

// или

const ids = (function get(i, n = elems.item(i)) {
  return n ? [ getId(n), ...get(i + 1) ] : [];
})(0);

Удаляется где надо, проблема в том, что вы разделили данные со значениями селектов и их id. Одно удаляете, а другое остаётся. Храните значение в том же объекте, что и id. Т.е., вырезаете selectField, а v-model="selectField[index]" заменяете на v-model="item.value", например, а selectField.includes(name) на conditionList.some(n => n.value === name).

бибилиотека react-yandex-maps не имеет такой функциональности

Функциональность имеет - ведь это никакая не библиотека, а обёртка над картами.

const result = Object.values(arr.reduce((acc, n) => (
  acc[n.id] = n.checked ? n : (acc[n.id] || n),
  acc
), {}));

или, с сохранением порядка:

const result = arr.reduce((acc, n) => {
  const i = acc.findIndex(m => m.id === n.id);
  if (!~i || (!acc[i].checked && n.checked)) {
    acc.push(n);
    if (~i) {
      acc.splice(i, 1);
    }
  }
  return acc;
}, []);

// или

const result = Object
  .values(arr.reduce((acc, n, i) => (
    (!acc[n.id] || (!acc[n.id][0].checked && n.checked)) && (acc[n.id] = [ n, i ]),
    acc
  ), {}))
  .sort((a, b) => a[1] - b[1])
  .map(n => n[0]);

Точно так же, как и без vue - смотрите на event.target, действуете по обстоятельствам:

https://jsfiddle.net/rdcem751/

Непонятно, действительно ли вам надо модифицировать исходные данные. Если да, тогда делайте watch на checkedRows, где будете проверять наличие свойства в выбранных объектах и добавлять его в случае отсутствия. Если нет - делаете computed свойство, основанное на checkedRows, где будет создаваться массив с копиями выбранных объектов, дополненными нужными свойствами.

[...document.querySelectorAll('.buy > i')]
  .filter((n, i, a) => i !== a.findIndex(m => m.innerText === n.innerText))
  .forEach(n => n.parentNode.style.display = 'none');

или

const grouped = Array
  .from(document.querySelectorAll('.buy > i'), n => [ n.parentNode, n.innerText ])
  .reduce((acc, n) => ((acc[n[1]] = acc[n[1]] || []).push(n[0]), acc), {});

Object.values(grouped).forEach(n => n.forEach((m, i) => m.hidden = !!i));

или

.hidden {
  display: none;
}

const unique = new Set();

for (const n of document.querySelectorAll('.buy > i')) {
  if (unique.has(n.innerText)) {
    n.parentNode.classList.add('hidden');
  } else {
    unique.add(n.innerText);
  }
}

people.filter((n, i, a) => n.country && i === a.findIndex(m => m.country === n.country))

или

people.filter(n => n.country && n === people.find(m => m.country === n.country))

или

people.filter(function({ country: n }) {
  return n && !(this[n] = this.hasOwnProperty(n));
}, {})

или

Object.values(people.reduce((acc, n) => (n.country && (acc[n.country] = n), acc), {}))

или

[...people.reduce((acc, n) => n.country ? acc.set(n.country, n) : acc, new Map).values()]

или

Array.from(
  new Set(people.map(n => n.country).filter(Boolean)),
  n => people.find(m => m.country === n)
)

const block = document.querySelector('.block');
const inputSelector = 'input[type="number"]';

const toggleBlock = () =>
  block.style.display = Array
    .from(document.querySelectorAll(inputSelector))
    .some(n => n.value && +n.value > +n.min)
      ? 'block'
      : 'none';

document.addEventListener('input', e => e.target.matches(inputSelector) && toggleBlock());
toggleBlock();

// или

const inputs = document.querySelectorAll(inputSelector);
const toggleBlock = () =>
  block.hidden = Array.prototype.every.call(
    inputs,
    n => !n.value || +n.value <= +n.min
  );

inputs.forEach(n => n.addEventListener('input', toggleBlock));
toggleBlock();

if ( typeof arr[i] === 'number' ) {
 		x*= arr[i];

А что если arr[i + 1] окажется строкой? Сначала надо проверить всё, а уже потом вычислять (если потребуется) объединённое значение:

function bullshit(arr) {
  if (arr.every(n => typeof n === 'number')) {
    return arr.reduce((acc, n) => acc * n, 1);
  }

  if (arr.every(n => typeof n === 'string')) {
    return arr.join('');
  }

  return null;
}


bullshit([ 1, 2, 3 ]) // 6
bullshit([ 'a', 'b', 'c' ]) // 'abc'
bullshit([ 1, '!' ]) // null

или

function bullshit(arr) {
  const count = arr.reduce((acc, n) => {
    const type = typeof n;
    acc[type] = (acc[type] || 0) + 1;
    return acc;
  }, {});

  switch (arr.length) {
    case count.number: return arr.reduce((acc, n) => acc * n, 1);
    case count.string: return arr.join('');
    default: return null;
  }
}