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>