vue-resourse中怎么輸出json數(shù)據(jù)-創(chuàng)新互聯(lián)

這篇文章給大家介紹vue-resourse中怎么輸出json數(shù)據(jù)，內(nèi)容非常詳細(xì)，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

創(chuàng)新互聯(lián)公司堅持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時代的洪湖網(wǎng)站設(shè)計、移動媒體設(shè)計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

1.demo目錄，不要管index.html和index.js

vue-resourse中怎么輸出json數(shù)據(jù)

2.html頁面 vue-resourse-josn1.1.html展示json中的數(shù)據(jù)






vue-resourse-json






編號：{{item.id}}

作者：{{item.author}}

書名{{item.name}}

價格：{{item.price}}

出版時間{{item.time}}

3.js vue-resourse-json.js

var app = new Vue({
el:"#app",
data:{
//聲明空數(shù)組，進行數(shù)據(jù)接收，最后傳遞到前端頁面
itemList:[], 
},
//向data數(shù)組里添加數(shù)據(jù)
mounted:function(){
this.getData();
},
methods: {
getData:function () {
var self = this;
this.$http.get("static/data/list_json.json").then(function (res) {

console.log(res);

//var lens = res.body.lists.length;
//console.log(lens);
//獲取了當(dāng)前數(shù)組的長度，為3
for(var i= 0,len=res.body.lists.length;i4.json為list_josn.json
下面是json中的數(shù)據(jù)
{
"lists":[
{
"id":"1",
"author":"小華",
"name":"《春天來了》",
"price":"23",
"time":"1998-03-12"
},
{
"id":"2",
"author":"老舍",
"name":"《濟南的冬天》",
"price":"32",
"time":"1956-12-09"
},
{
"id":"3",
"author":"朱自清",
"name":"《背影》",
"price":"40",
"time":"1943-09-12"
}
]
}
5.結(jié)果輸出
關(guān)于vue-resourse中怎么輸出json數(shù)據(jù)就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。
            

            當(dāng)前題目：vue-resourse中怎么輸出json數(shù)據(jù)-創(chuàng)新互聯(lián)            

            網(wǎng)站地址：http://weahome.cn/article/csjpph.html

真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

vue-resourse中怎么輸出json數(shù)據(jù)-創(chuàng)新互聯(lián)

其他資訊

網(wǎng)站制作

企業(yè)服務(wù)

網(wǎng)站建設(shè)

服務(wù)器托管