¿Es posible definir un "subcomponente" en línea en Vue3 que se pueda reutilizar en el mismo archivo/componente .vue, pero sin definir realmente un nuevo archivo .vue (es decir, sin definir este subcomponente como un nuevo componente)?
El caso de uso es que tengo una forma muy específica de formatear las opciones de <select> que se usa para múltiples <select> s dentro del mismo componente (archivo .vue ), pero que no se usará en ningún otro lugar (también es pequeño, por lo que Me inclino a definir esta parte de formato de opciones en línea). No necesariamente quiero copiar y pegar el formato (y sería bueno mantenerlo dentro del mismo archivo .vue porque es pequeño).
Me doy cuenta de que esto es solo azúcar sintáctico que puede o no ser relevante en casos específicos (tampoco busco consejos sobre si es una buena idea o no). Solo estoy buscando una forma de hacerlo (si no, también es una respuesta ;-))
Podrías hacer algo como esto en Vue2
Vue.component('my-checkbox', { template: '<div class="checkbox-wrapper" @click="check"><div :class="{ checkbox: true, checked: checked }"></div><div class="title">{{ title }}</div></div>', data() { return { checked: false, title: 'Check me' } }, methods: { check() { this.checked = !this.checked; } } });Probablemente todavía funcione