DMarlon Studio
Todas las demos · Web
Vue · Vite

Tienda web (Vue)

La misma tienda con Vue: cada pantalla del diseño se convierte en un componente .vue con su plantilla, compilado con Vite.

Qué demuestra

  • Componentes .vue con su plantilla
  • Compilada con Vite
  • Un diseño, tres tecnologías
Tienda web (Vue): Entre

Cómo funciona

  1. Paso 1: Entre
    1

    Entre

    El login con demo@tienda.com y 1234, con v-model en los campos.

  2. Paso 2: El catálogo
    2

    El catálogo

    v-for para los productos y v-if para lo que solo se ve a veces, generados desde el diseño.

  3. Paso 3: El carrito
    3

    El carrito

    Un diseño, tres tecnologías: compare esta web con la de HTML y la de React.

Esta demo viene como ejemplo en DMarlon Studio: ábrala en el Diseñador para ver su diseño y su código, cámbiela y pulse Ejecutar.