Está en la página 1de 45

Curso de Vue.

js:
Componentes, Options
y Composition API
Diana Martínez
Setup del
entorno
Introducción a
Vue CLI
Estructura del
proyecto
Componentes
dinámicos
Componentes
asíncronos
Transiciones
Teleports
Virtual DOM
Document Object Model
<html> document
<head></head>
head
<body>
<div id=”app”> body
<h1></h1>
div #app
<div class=”button”></div>
<p></p> h1

</div> div .button


</body>
</html> p
Virtual Document
Object Model
Template vDOM DOM
{
el: “div”, div
<div>
children: [
<h1></h1>
{ el: “h1” }, h1
<div></div>
{ el: “div” },
<p></p>
{ el: “p” }, div
</div>
]
} p
Ciclo de vida
de los
componentes
Ciclo de vida
de los
componentes
Mixins
Composition
API
Ciclo de vida en
Composition API
Variables
reactivas
Watch
Computed
Props
Context
Provide / Inject
Template refs
Composition
vs
Options
Script setup
Hora de poner
tu conocimiento
en práctica

También podría gustarte