Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Introduccion y Fundamentos de Vue Js

    Cargado por

    Tobias leonel Perez
    38 vistas66 páginas

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    38 vistas66 páginas

    Introduccion y Fundamentos de Vue Js

    Cargado por

    Tobias leonel Perez

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 66

    Curso de Vue.

    js:
    Introducción y
    Fundamentos
    Diana Martínez
    VueJS
    Evan You
    Fundamentos
    de componentes
    Desarrollo basado
    en componentes
    Interfaz

    Componente Componente
    Interfaz

    Carrito de Procesador
    compra de pagos
    Misma
    Interfaz

    Punto de Procesador
    venta de pagos
    Componentes UI
    <input
    type="date"
    value="2022-01-01"
    />
    <input-date
    type="range"
    from="2019-01-01"
    to="2019-02-14"
    />
    Partes de un
    componente
    Vista
    Es la parte visual del componente con la
    que el usuario interactúa

    Button
    Estado
    Es el estado interno del componente

    Button Button

    Habilitado Deshabilitado
    Interfaz
    Es la forma en que el resto del sistema
    interactúa con el componente

    <input
    type=”button”
    value=”Click” Click
    onclick=”alert(‘click!’);”
    />
    El patrón
    MVVM
    Two-way data binding

    Modelo Modelo de Vista


    la vista

    {
    from: “2019-01-01”
    to: “2019-02-19”
    }
    Configuración
    del entorno
    Primer contacto
    Interpolación de
    datos
    Atributos
    reactivos
    Eventos de
    usuario
    Inputs reactivos
    Propiedades
    computadas
    Watchers
    Estilos
    reactivos
    Condicionales
    Listas
    Componentes
    El árbol de componentes
    Slots
    Comunicación
    de componente
    padre a hijo
    Comunicación
    de componente
    hijo a padre
    Custom
    v-model
    Comunicación
    con componentes
    profundos
    Deep components
    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
    Instancias de
    componentes
    Vue progresivo
    Esto es solo
    el comienzo

    También podría gustarte