DMarlon Studio
All demos · Web
Vue · Vite

Web shop (Vue)

The same shop with Vue: each screen of the design becomes a .vue component with its template, built with Vite.

What it shows

  • .vue components with their template
  • Built with Vite
  • One design, three technologies
Web shop (Vue): Sign in

How it works

  1. Step 1: Sign in
    1

    Sign in

    Log in with demo@tienda.com and 1234, with v-model on the fields.

  2. Step 2: The catalog
    2

    The catalog

    v-for for the products and v-if for what shows only sometimes, generated from the design.

  3. Step 3: The cart
    3

    The cart

    One design, three technologies: compare this site with the HTML and React ones.

This demo comes as an example in DMarlon Studio: open it in the Designer to see its design and code, change it and press Run.