Separar componente y template en Vue 3 y TypeScript

Fecha de publicación: enero 17, 2021

Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn
Share on google
Google+
Share on whatsapp
WhatsApp
Share on email
Email

En esta entrada quiero compartir contigo la configuración que yo utilizo para separar componente y template en Vue 3 y TypeScript.

En el curso de Vue 2 y TypeScript ya vimos cómo trabajar con componente y template separados en diferentes archivos. En Vue 3 esto no ha cambiado, podemos seguir utilizando la misma configuración.

La idea es muy sencilla, si por ejemplo vamos a desarrollar un formulario para iniciar sesión, lo que haríamos sería crear un directorio Login dentro del directorio views, y dentro de este directorio, 2 archivos, component.ts y template.vue, veamos.

Con esta sencilla configuración podemos utilizar archivos separados .ts y .vue para componente y template en Vue 3 y TypeScript.

¿Quieres acceder a más de 150 cursos de PHP y JavaScript?

¿Quieres ganar tiempo en tus desarrollos con nuestros proyectos descargables?


Vue, Laravel, Inertia, NodeJS, WordPress, Serverless, React Native, Amazon Web Services y mucho más

Hazte Premium y consigue acceso completo
Cursosdesarrolloweb ©. Todos los derechos reservados.

Login

Create an Account Back to login/register