Templates y JSX en Vue - Tutorial de Vue

Para agregar un "template" a un componente, nosotros generalmente utilizamos "tags" de HTML para poder agregar los elementos a la página. Nosotros también podemos utilizar la nomenclatura JSX para crear el "template" de un componente. JSX es una nomenclatura creada por Facebook que generalmente es utilizada en el "framework" React. Esta nomenclatura nos permite utilizar "tags" de HTML dentro del código de un componente. Para poder utilizar esta nomenclatura en una aplicación Vue, tenemos que instalar el "plugin" de Babel 'babel-plugin- jsx', que puedes ver aquí en pantalla. Ya con esta configuración Vue es capaz de compilar esta nomenclatura para así crear el "template" del componente. Para poder utilizar JSX tenemos que renderear el "template" utilizando la función 'render' de Vue. Esta función lo que hace es que básicamente renderea todos los elementos que pongamos dentro de la función para así crear el "template". Nosotros podemos utilizar nomenclatura JavaScript aquí para poder…