form_vue.html

form_vue.php

<div id="app">

    <label>nombre</label>
    <input type='text' v-model="dispositivo.nombre">
    <br>
    <label>modelo</label>
    <input type='text' v-model="dispositivo.modelo">
    <br>
    <label>marca</label>
    <input type='text' v-model="dispositivo.marca">
    <br>

    <pre> {{ dispositivo }} </pre>

    <button class="btn btn-success" @click="enviar" type="button">Enviar</button>
</div>

<script type="text/javascript">
    var app = new Vue({
        el: '#app',
        data: {
            dispositivo: {
                nombre: "",
                modelo: "",
                marca: "",
            }
        },
        methods: {
            enviar: function () {
                console.log(this.dispositivo);

                axios.post('/kumbiaphpiot/vueapi', {
                    dispositivo: this.dispositivo
                }).then(function (response) {
                    //Cuando termina
                    console.log(response);
                }).catch(function (error) {
                    //Cuando ocurre un error
                    console.log(error);
                });

            }
        }
    })
</script>

<?php
<?php

class VueapiController extends RestController {

    public function post() {
        $json = $this->param();
        if (key_exists("dispositivo", $json)) {
            $Dispositivo = new Dispositivos();
            $this->data = $Dispositivo->add($json["dispositivo"]);
        }
    }

}

?>