0xD34F

<input type="text" value="0.00">

document.querySelector('input').addEventListener('keypress', function(e) {
  e.preventDefault();
  this.value = this.value.replace(/(0)(?!.*\1)/, e.key);
});

Обработчик клика с чекбоксов уберите, и сделайте вычисляемое свойство:

computed: {
  sum() {
    return this.selected.reduce((acc, n) => acc + +n, 0);
  },
},

Или, без дополнительного массива selected:

<v-checkbox
  class="light--text"
  v-model="service.checked"
  :label="`${service.cost} руб.`"
></v-checkbox>

computed: {
  sum() {
    return this.services.reduce((acc, n) => acc + n.cost * n.checked, 0);
  },
},

UPD. https://jsfiddle.net/w0vrxcyg/

Делаем вычисляемые свойства минимума и максимума:

computed: {
  minStart() {
    return Math.min(...this.competitors.map(n => n.start));
  },
  maxSpeed() {
    return Math.max(...this.competitors.map(n => n.speed));
  },
},

И при выводе данных добавляем класс в случае равенства этим свойствам:

<tr v-for="{ start, speed } in competitors">
  <td :class="{ best: start === minStart }">{{ start }}</td>
  <td :class="{ best: speed === maxSpeed }">{{ speed }}</td>
</tr>

https://jsfiddle.net/gs8doqfc/

Неправильное подключение?

Так точно.

Подключаете jquery с атрибутом async, из-за чего плагину слайдера некуда устанавливаться. Если async убрать, всплывёт другая проблема - вы подключаете jquery два раза, и второе подключение перетирает результаты первого, вы получаете версию библиотеки без плагина слайдера.

componentDidUpdate(prevProps) {
  const id = this.props.match.params.id;
  if (id !== prevProps.match.params.id) {
    this.fetchSomeData(id);
  }
}

Запоминать последний вызов и резолвить только его?

const index = arr.findIndex(n => n.id === id);
if (index !== -1) {
  arr.splice(index, 1);
}

или, если нужен новый массив:

const newArr = arr.filter(n => n.id !== id);

Если же id имеют не уникальные значения, то создание нового массива остаётся без изменений, а модификация существующего может выглядеть так:

for (let i = 0; i < arr.length; i++) {
  if (arr[i].id === id) {
    for (let j = i--; ++j < arr.length; arr[j - 1] = arr[j]) ;
    arr.pop();
  }
}

или так:

arr.reduceRight((_, n, i, a) => n.id === id && a.splice(i, 1), null);

или так:

arr.splice(0, arr.length, ...arr.filter(n => n.id !== id));

или так:

arr.length -= arr.reduce((acc, n, i, a) => (
  a[i - acc] = n,
  acc + (n.id === id)
), 0);

<input type="range" min="20" max="200" value="100">
<img src="...">

document.querySelector('input').addEventListener('input', function() {
  document.querySelector('img').style.filter = `brightness(${this.value}%)`;
});

https://codepen.io/anon/pen/ZNgoBL?editors=1010

.button {
  color: white;
  background: transparent;
  transition: all 0.4s;
}
.button:hover {
  color: black;
  background: white;
}

https://codepen.io/anon/pen/NVQjMX?editors=1100

$(this).closest('tr').index()

В обработчике start это будет индекс перемещаемого элемента; в drop, соответственно - куда переместили.

Куда и что надо перенести:

const containerSelector = '.section .block';
const itemSelector = '.imgs img';

Переносим:

const $containers = $(containerSelector);
$(itemSelector).each((i, n) => $containers.eq(i).append(n));

// или

const items = document.querySelectorAll(itemSelector);
document.querySelectorAll(containerSelector).forEach((n, i) => n.append(items[i]));

Подменяете экземпляр класса другим объектом. Вот это вот из конструктора следует убрать:

return this.data();

const chunked = (data, chunkSize) =>
  Array.prototype.reduce.call(
    data,
    (acc, n, i) => (
      i = i / chunkSize | 0,
      (acc[i] = acc[i] || []).push(n),
      acc
    ),
    []
  );

console.log(chunked([...Array(10).keys()], 3));
console.log(chunked('ABCDEFG', 2));
console.log(chunked(document.querySelectorAll('img'), 5));

https://jsfiddle.net/Lqenu790/

или

https://jsfiddle.net/qugerz9x/

<yandex-map
  ref="map"
  ...

<button
  @click="$refs.map.myMap.balloon.open(координаты, содержимое)"
  ...

https://codesandbox.io/s/vue-template-3zfg1

Потому что ошибка. Потому что пытаетесь прочитать свойство у undefined. Получаете udnefinedпотому что дергаете несуществующий элемент массива. Потому что цикл делает итераций больше, чем в массиве элементов. Потому что вместо длины массива слов сравниваете значение счётчика цикла с длиной строки, из которой слова нарезали.

Меняйте

for (let i = 0; i < answer.length - 1; i++)

на

for (let i = 0; i < words.length; i++)

Это если по-быстрому привести ваш код в рабочее состояние. Но вообще, кое-что стоило бы изменить.

Почему отбрасываются русские буквы? Давайте-ка и их тоже будем пропускать.

Что если слова будут разделены более чем одним пробелом? - если делать .split(' '), то в результирующий массив попадут пустые строки, и зачем они там нужны, не очень понятно.

Если пользователь захочет ввести какую-то другую строку, то сейчас ему придётся перезагружать страницу. Вместо этого было бы неплохо иметь возможность обновлять уже построенный график.

UPD. https://jsfiddle.net/wpgqo4y9/

Ну так наверное надо стили элементу задавать, а не строкам: p.style.color = colors[i].

Уберите yScale.domain(d3.extent(data, (d) => d.amount)) - так вы повторно задаёте интервал значений, беря в качестве границ минимум (был 0, остался 0) и максимум (вместо ранее установленных 100000 стало 50000, поэтому и "линия достигает самого верха графика") своих данных.

Начал изучать VueJS. Читал документацию очень много и долго.

Начните лучше с изучения просто JS, без Vue. Читайте, очень много и долго. Чтобы вот такого вот не было:

new Vue.component

Вы конечно же без понятия, что такое "new", и зачем оно тут нужно (не нужно).

Заворачиваете список в transition-group и анимируете изменение размеров элементов списка при их появлении/исчезновении. Например.