vue+php接口

php:

<?php
header(‘Access-Control-Allow-Origin:*‘);

$date = $_POST[‘data‘];
$cars=array("Volvo","BMW","SAAB");

$data = array(
‘tid‘ => 100,
‘name‘ => $date,
‘site‘ => ‘www.huangyibiao.com‘,
‘post‘ =>$cars,
);

$response = array(
‘code‘ => 200,
‘message‘ => ‘success for request‘,
‘data‘ => $data,

);

echo json_encode($response);

?>

vue:

<div id="main">
{{title}}
<li v-for="li in title">{{li}}</li>
</div>
<script src="js/vue.min.js"></script>
<script src="js/vue-resource.min.js"></script>
<script>
var app=new Vue({
el:"#main",
data:{
title:"123456",
aa:"666"
},
mounted:function(){
this.click();
},
methods:{
click:function(){

Vue.http.options.emulateJSON = true;
this.$http.post(‘http://localhost/php01/index.php‘,{‘data‘:2}).then(function(response){
this.title=response.body.data.post
}, function(response){
console.log("222");
});
}
}
})
</script>

vue+php接口

原文：http://www.cnblogs.com/fm060/p/6481676.html