0xD34F

const months = Array.from({ length: 12 }, (n, i) => {
  return new Date(0, i).toLocaleString('en', { month: 'short' }).toLowerCase();
});

const newArr = arr.map(({ data, ...item }) => (
  data.forEach((n, i) => item[months[i]] = n),
  item
));

function () {
  axios.get(api.udpEmulatorProxy)

Может, всё-таки return axios.get?

this.getShips()
this.$store.commit('getShips', 10)

Что-то не улавливаю смысла этого куска кода. Наверное, надо в мутацию (кстати, а почему её имя начинается с get? - смысл-то в установке значения, так что правильно было бы set) передавать те данные, что возвращает getShips:

this.$store.commit('getShips', await this.getShips());

А если эти данные должны лежать в хранилище, то, возможно, их получение стоит оформить в виде действия, а не как отдельно лежащую функцию / метод компонента.

overflow: auto

например

Делаете всем одинаковым элементам одинаковые классы - link, screen - без цифр.

Для элементов .screen определяете ещё один класс:

.screen {
  display: none;
}

.screen.active {
  display: flex;
}

И просто переключаете его:

$(document).on('click', '.link', function() {
  const $screen = $(this).next().toggleClass('active');
  $('.screen.active').not($screen).removeClass('active');
});

function combine(keys, values) {
  const length = Math.max(0, ...values.map(n => n.length));
  const arr = Array.from({ length }, () => ({}));
  values.forEach((n, i) => n.forEach((m, j) => arr[j][keys[i]] = m));
  return arr;
}


const newArray = combine([ 'name', 'id' ], [ nameArray, idArray ]);

Мне кажется, вы пытаетесь заниматься какой-то ерундой. Гораздо проще будет вешать/снимать класс, вместо того, чтобы напрямую модифицировать body.style.

UPD. Но конечно можно и модифицировать. Только добавлять/убирать ничего не надо, всегда вычисляйте значения свойств целиком.

Делаете grad вычисляемым свойством, вместо установки значения делаете emit, и используете v-model. Как-то так.

Пользователь выбирает несколько таких чекбоксов и нажимает кнопку "Выбрать".

А зачем кнопка? Можно же сделать computed свойство, выбранные элементы будут доступны в любой момент (конечно, если вы не забыли связать данные с чекбоксами через v-model), как-то так:

selected() {
  return this.filters.map(n => ({
    filterId: n.filterId,
    values: n.filterData.variants.filter(m => m.checked).map(m => m.key),
  }));
},

const widgetData = [
  { name: 'something', value: 14, date: '02.08.2018' },
  { name: 'something', value: 43, date: '03.08.2018' },
  { name: 'something', value: 44, date: '04.08.2018' },
  { name: 'something', value: 38, date: '05.08.2018' },
];

const startDate = '01.08.2018';
const endDate = '25.08.2018';


const widgetDataObj = widgetData.reduce((acc, n) => (acc[n.date] = n, acc), {});
const start = new Date(startDate.split('.').reverse().join('-'));
const end = new Date(endDate.split('.').reverse().join('-'));
const result = [];

for (; start <= end; start.setDate(start.getDate() + 1)) {
  const date = start.toLocaleDateString('ru-RU');

  result.push(widgetDataObj[date] || {
    name: 'something',
    value: 0,
    date,
  });
}

console.log(result);

Собрать новый массив:

const filterItem = (list, item) =>
  list.map(n => ({
    ...n,
    items: n.items.filter(m => m.id !== item.id),
  }));

Обновить существующий:

function removeItem(list, { id }) {
  list.forEach(({ items: n }) => {
    n.splice(0, n.length, ...n.filter(m => m.id !== id));
  });
}

Может, всё-таки DELETE FROM pos WHERE num < 10000?

UPD. Если у вас postgres, а не mysql (кстати - а что у вас? чем мотивировано одновременное наличие этих двух тэгов?) - тогда наверное надо будет преобразование типов сделать, как-то так: num::integer < 10000.

Создаёте функцию расчёта полной суммы, с учётом всех условий, и назначаете её в качестве обработчиков событий всем элементам, от значений которых сумма зависит. Так будет гораздо проще и короче, чем то, что у вас есть сейчас:

function recalc() {
  const register = +$('[name="radio-register"]:checked').data('value');

  $('#price_result, #price1').text(register
    ? register +
      +$('#count-class option:selected').data('value') +
      +$('[name="radio-znak"]:checked').data('value')
    : 0
  );
}

$('input[name="radio-znak"], input[name="radio-register"], #count-class').change(recalc);
recalc();

const max = (data, key = n => n) =>
  Array.prototype.reduce.call(data, (max, n) => {
    const val = key(n);
    return val > max[1] ? [ n, val ] : max;
  }, [ null, -Infinity ]);

const [ item, value ] = max(
  form.querySelectorAll('.kursBtn'),
  n => +n.nextElementSibling.value
);

form.querySelector('#winner').value = `${item.name} - ${value}`;

https://jsfiddle.net/yo6buqg0/

const $sorted = $('.for_sort')
  .sort((a, b) => (a.dataset.sort - b.dataset.sort) * order)
  .clone(true);

$('.for_sort').replaceWith(i => $sorted[i]);

Сделайте отдельный компонент, который будет представлять ваш dropify инпут. У него в mounted инициализируйте dropify. И используйте этот компонент в своей таблице вместо обычного input'а.

Псевдоэлементами. Например.

Считаете чтение документации излишним? Очень зря. Ведь иначе вы бы знали, что data должна быть функцией:

data() {
  return {
    items: ['iPhone 7', 'Galaxy S8', 'Nokia N8', 'Xiaomi Mi6'],
  };
},

Вообще - e.target.getAttribute('здесь имя атрибута'), но, как уже заметили выше - вы сильно неправы добавляя name div'у. Замените на data-атрибут:

onClick = e => {
  console.log(e.target.dataset.name);
}

<div data-name="xxx" onClick={this.onClick}>hello, world!!</div>

Или можно вообще не пользоваться атрибутами, а сразу нужное значение передавать куда надо:

<div onClick={() => console.log('xxx')}>hello, world!!</div>

UPDATE table_name
SET column_name = JSON_OBJECT('0', column_name)