Strannyk

Возможно несколько решений.
Например, что мешает уже в обработчике смотреть есть ли block.data == true. Передавать block.data прямо в обработчик ? И уже в обработчике смотреть block.data == true? Если нет - обработчик дальше не работает, если да , то делает свое дело.

Есть еще возможность присваивать обработчик в зависимости от какого-то условия, т.е

<div id="app">
  <button @click="bool ? one() : two()">Click</button>
</div>

Вот пример, где обработчик вешается не на все элементы, а только на те что удовлетворяют условию:

Значение по-умолчанию для первого аргумента.
Демо.

Рискну предположить со своими знаниями, что конкатенация давала буст к производительности на http\1 потому, что в старом протоколе на каждый запрос тратились килобайты сопутствующей информации, а также миллисекунды получения. Это dns-резольвинг, установка соединения и т.п. Чтобы это минимизировать, был даже специальный атрибут тэга link, rel="dns-prefetch" (еще preconnect, prefetch, и некоторые другие).

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

И я так понял, что rel="prefetch" на второй версии http тоже более не имеет смысла.

Ставите ref на свою dropzone:

<vue-dropzone ref="dropzone">

Когда надо её очистить - вызываете метод:

this.$refs.dropzone.removeAllFiles(true)

Сортируем существующий массив:

messages.sort((a, b) => {
  [ a, b ] = [ a, b ].map(n => sortableLanguages.indexOf(n.language));
  return a === -1 ? 1 : b === -1 ? -1 : a - b;
});

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

const sorted = (arr, key) => arr
  .map(n => [ n, key(n) ])
  .sort((a, b) => a[1] - b[1])
  .map(n => n[0]);


const order = Object.fromEntries(sortableLanguages.map((n, i) => [ n, i + 1 ]));
const sortedMessages = sorted(messages, n => order[n.language] || Number.MAX_SAFE_INTEGER);

// или

function sorted(arr, order, key) {
  const ordered = new Map(order.map(n => [ n, [] ]));
  const unordered = [];

  arr.forEach(n => (ordered.get(key(n)) || unordered).push(n));

  return [].concat(...ordered.values(), unordered);
}


const sortedMessages = sorted(messages, sortableLanguages, n => n.language);

В командной строке вы используете Java 8, а компилировали программу с помощью Java 12. Либо запускайте тоже с помощью Java 12, либо при компиляции укажите параметр -target 8.

data: () => ({
  width: 0,
}),
computed: {
  itemSize() {
    return this.width > 700 ? 46 : 56;
  },
},
methods: {
  onResize() {
    this.width = window.innerWidth;
  },
},
created() {
  this.onResize();
  window.addEventListener('resize', this.onResize);
},
beforeDestroy() {
  window.removeEventListener('resize', this.onResize);
},

// или

data: () => ({
  itemSize: null,
}),
created() {
  const mql = window.matchMedia('(max-width: 700px)');
  const onChange = () => this.itemSize = mql.matches ? 56 : 46;
  onChange();
  mql.addEventListener('change', onChange);
  this.$on('hook:beforeDestroy', () => mql.removeEventListener('change', onChange));
},

:item-size="itemSize"

Можно ли начинать с питона?

Можно.

питон не расскажет тебе что такое память компа, как лучше писать код и т.п

Язык программирования это инструмент, как молоток, или топор. Он и не должен ничего рассказывать.
Будет странно если топор начнет читать плотнику лекции по материаловедению и технологии строительства.

вот вопрос, неужели чтоб на нем начать писать мне надо сначала изучить C/C++?

Нет.
Изучить С нужно если вы собрались писать код на C.

И так ли сложно понимать другие языки после питона?

Без разницы. Люди умеющие водить машину без проблем умудряются работать пилотами, машинистами, и капитанами морских судов, и даже ездят на велосипеде Им никак не мешает тот факт, что начали они с управления автомобилем.