Нужен ли JSX при формировании шаблонов во Vue 3

«Нужен ли JSX при формировании шаблонов во Vue 3» — вопрос из категории Vue, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

Нет, JSX не обязателен во Vue 3. Vue использует шаблоны на основе HTML с директивами (v-if, v-for и т.д.), которые компилируются в оптимизированный JavaScript. Однако JSX поддерживается как альтернатива, если предпочитаете писать шаблоны в JavaScript.

Пример с шаблоном:

<template>
  <div>{{ message }}</div>
</template>

Пример с JSX:

export default {
  render() {
    return <div>{this.message}</div>
  }
}

JSX полезен для сложной логики рендеринга, но для большинства случаев стандартные шаблоны проще и читабельнее.