vue+php接口

xuke123

　　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>
　　{{title}}

　　<li v-for="li in>　　</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>