¡Explora el emocionante mundo del desarrollo web con nuestro tutorial paso a paso sobre cómo crear un nuevo usuario utilizando VueJS, PHP y MySQL! Aprenderás a construir un sistema CRUD eficiente para la creación de usuarios, desde la interfaz dinámica con VueJS hasta la gestión de datos en el servidor con PHP y MySQL. Este tutorial te proporcionará las habilidades esenciales para desarrollar aplicaciones web interactivas y funcionales.

HTML

<!-- CREATE-->
        <div class="contenedor" v-if="modalCreate">
            <div class="modal">
                <h2>CREATE USER</h2>
                <input type="text" name="name" id="name" placeholder="INGRESE SU NOMBRE" ><br>
                <input type="email" name="email" id="email" placeholder="INGRESE SU CORREO"><br>
                <input type="file" id="image" name="image"/><br>
                <div class="buttons">
                    <button @click="modalCreate=false;insertUser()">Save</button>
                    <button @click="modalCreate=false">Cancel</button>
                </div>
            </div>
        </div>

VueJS

 insertUser(){
            let  fd = new FormData()
            fd.append('name',document.getElementById('name').value)
            fd.append('email',document.getElementById('email').value)
            fd.append('image',document.getElementById('image').files[0])

            axios.post(api+"?opc=create",fd)
            .then(function(response){
                console.log(response.data)
                app.getUsers()
            })
        },