So geben Sie Daten in PHP an Vue zurück

Wie gibt PHP Daten an Vue zurück?

1. Erstens kann Vue die Axios-Bibliothek verwenden um eine Netzwerkanfrage zu initiieren.

Empfohlenes Lernen: Vue-Framework-Video-Tutorial

1) Axios installieren

npm install axios --save

2) Vue verwendet Axios

import axios from "axios";
//将$axios挂在原型上，以便在实例中能用 this.$axios能够拿到
Vue.prototype.$axios = axios;

3) Initiieren Sie eine Get-Anfrage

this.$axios.get('/localhost/userinfo.php?userid=10001')
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

2. PHP-entsprechende Anfrage

<?php
header(&#39;Content-Type:application/json; charset=utf-8&#39;);
$arr = array(&#39;userid&#39;=>10001,&#39;name&#39;=>&#39;老马&#39;,&#39;age&#39;=>56);
exit(json_encode($arr));

vue-Handbuch PHP gibt die Daten zurück und sie werden gedruckt

{userid: 10001, name: "老马", age: 56}

Auf diese Weise ist der Fall abgeschlossen, dass PHP Daten an Vue zurückgibt.

Das obige ist der detaillierte Inhalt vonSo geben Sie Daten in PHP an Vue zurück. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!