使用vue-resource進行數據交互的實例

methods:{
 cartview:function(){
 var _this = this;
 this.$http.get("data/cartData.json").then(function(res){
 _this.productList = res.result.list;
 _this.totalMoney = res.result.totalMaoney;
 });
 }
 }

methods:{
 cartview:function(){
 var _this = this;
 this.$http.get("data/cartData.json").then(function(res){
 _this.productList = res.data.result.list;
 _this.totalMoney = res.data.result.totalMaoney;
 });
 }
 }

{
 "status":1,
 "result":{
 "totalMoney":109,
 "list":[
 {
 "productId":"600100002115",
 "productName":"黃鶴樓香煙",
 "productPrice":19,
 "productQuantity":1,
 "productImage":"img/goods-1.jpg",
 "parts":[
 {
 "partsId":"10001",
 "partsName":"打火機",
 "imgSrc":"img/part-1.jpg"
 },
 {
 "partsId":"10002",
 "partsName":"打火機",
 "imgSrc":"img/part-1.jpg"
 }
 ]
 },
 {
 "productId":"600100002120",
 "productName":"加多寶",
 "productPrice":8,
 "productQuantity":5,
 "productImage":"img/goods-2.jpg",
 "parts":[
 {
 "partsId":"20001",
 "partsName":"吸管",
 "imgSrc":"img/part-2.jpg"
 }
 ]
 },
 {
 "productId":"600100002117",
 "productName":"金裝黃鶴樓",
 "productPrice":25,
 "productQuantity":2,
 "productImage":"img/goods-1.jpg",
 "parts":[
 {
 "partsId":"10001",
 "partsName":"打火機-1",
 "imgSrc":"img/part-1.jpg"
 },
 {
 "partsId":"10002",
 "partsName":"打火機-2",
 "imgSrc":"img/part-1.jpg"
 }
 ]
 }
 ]
 },
 "message":""