Ответ
Нет, 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 полезен для сложной логики рендеринга, но для большинства случаев стандартные шаблоны проще и читабельнее.