Kotaro Hiba

Похоже нет поддержки optional chaining в шаблонах - https://github.com/vuejs/vue/issues/11088

Проблема в том, что js в шаблонах Vue 2 - это не совсем js, а особый сабсет, обрабатываемый vue-loader'ом(посредством vue-template-compiler'а). Соответственно, никакой babel к нему не применяется, а писался он до того как придумали optional chaining. Как раз из-за таких подлянок в Vue 3 отказались от такого подхода(а за одно выкинули фильтры, собаки).

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

P.S. Вообще странно, что никто не сделал этого как module для vue-template-compiler...

На мой взгляд, из "отдельных" магазинов дальше всех в данном вопросе ушёл Никс. Они достаточно давно реализовали систему фильтров, как на яндекс.маркете, при этом в любой категории товаров у них есть опции "в т.ч. временно отсутствующие" и "каталог (архивные модели)":
https://www.nix.ru/price/index.html

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

Яндекс.маркет сейчас активно сдувается в погоне за баблом, ровно вчера об этом заслуженно жаловались на хабре, даже получили шаблонную отписку их СММ-щика "Нет, так наоборот лучше, мы знаем, у нас алгоритмы! Это всё для заботы о пользователе, и мы гораздо лучше знаем как о вас позаботиться": https://habr.com/ru/post/554066/#comment_22963266

Сейчас у того ответа рейтинг -28, в качестве альтернативы я.маркету активно советуют https://www.e-katalog.ru/

Самое близкое что можно найти это
market.yandex.ru

Попробуй Clockify или TopTracker

имхо для ввода эмодзи и прочего расширенного форматирования.
Посмотрите как устроен любой визивиг редактор для html.
А так как данные отсылаются через ajax, то связанный input или textarea не нужны.
Почему тут выбрали span вместо div я не знаю. Может для дивов на css уже накручено было много и в этом месте span легче разверстывался.

Можно не хранить значения полей в data, если они нужны только для отправки.

<form @submit.prevent='onSubmit'>
   <input type="text" name="user">
   <input type="password" name="password">
   <button type='submit'>Отправить</button>
</form>

async onSubmit($event) {
   const fd = new FormData($event.target); 
   const response = await this.$axios.post('api/form', fd);
}

mounted() {
  this.$el.querySelectorAll('input').forEach(n => n.dispatchEvent(new Event('input')));
},

jsfiddle.net/whrgboxs

document.querySelectorAll(".burger_item")[1]
//0 - первый, 1 - второй, 2 - третий

функция возвращает пустой объект, если круглые скобки убрать то получится пустой блок кода, а не объект.
() => ({}) равнозначно () => {return {}}

Вот пример библиотеки =>

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

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