本篇內(nèi)容主要講解“vuejs如何調(diào)用json”，感興趣的朋友不妨來看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“vuejs如何調(diào)用json”吧!

隴西ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景，ssl證書未來市場(chǎng)廣闊！成為創(chuàng)新互聯(lián)公司的ssl證書銷售渠道，可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18982081108（備注：SSL證書合作）期待與您的合作！

vuejs調(diào)用json的方法：1、將json放在static的文件夾下；2、創(chuàng)建對(duì)象；3、用axios的方法引入地址即可。

本文操作環(huán)境：windows7系統(tǒng)、vue2.9.6版，DELL G3電腦。

vuejs怎么調(diào)json？

VUE調(diào)用本地json的使用方法：

開始的時(shí)候我以為，用vue去調(diào)取json要多么的麻煩，完咯就先去的百度，找了幾個(gè)，看上面又要配置這配置那的，看的我都頭大，像一些思維邏輯清晰的肯定不會(huì)出現(xiàn)這種情況。

下面我說下我這的情況，大家依情況代入

當(dāng)然vue你剛開始創(chuàng)建的話，你是要去配置下東西，下面我說的是你的項(xiàng)目能夠跑起來的情況，完咯再去想辦法去引用json，當(dāng)然我這里用的也是axios的獲取方法，如果不是這種方法的可以帶過了

首先你要知道那你的json應(yīng)該放在哪個(gè)文件夾下（普通引用）如果你想寫的有自己的規(guī)范，可以按照你自己的方式來。在網(wǎng)上看見了幾個(gè)放在不同文件夾下的，好像要去配置什么東西，我也沒細(xì)看，但標(biāo)準(zhǔn)模式下最好放到你的static的文件夾下，來上圖

如果沒有放到這個(gè)文件夾下可能會(huì)報(bào)錯(cuò)喲！

json數(shù)據(jù)一定要寫的規(guī)范

{
  "status":"0",
  "result":[
   {
     "productId":"10001",
     "productName":"小米6",
     "prodcutPrice":"2499",
     "prodcutImg":"mi6.jpg"
   },
   {
    "productId":"10002",
    "productName":"小米筆記本",
    "prodcutPrice":"3999",
    "prodcutImg":"note.jpg"
   },
   {
    "productId":"10003",
    "productName":"小米6",
    "prodcutPrice":"2499",
    "prodcutImg":"mi6.jpg"
   },
   {
    "productId":"10004",
    "productName":"小米6",
    "prodcutPrice":"2499",
    "prodcutImg":"1.jpg"
   },
   {
    "productId":"10001",
    "productName":"小米6",
    "prodcutPrice":"2499",
    "prodcutImg":"mi6.jpg"
  },
  {
   "productId":"10002",
   "productName":"小米筆記本",
   "prodcutPrice":"3999",
   "prodcutImg":"note.jpg"
  },
  {
   "productId":"10003",
   "productName":"小米6",
   "prodcutPrice":"2499",
   "prodcutImg":"mi6.jpg"
  },
  {
   "productId":"10004",
   "productName":"小米6",
   "prodcutPrice":"2499",
   "prodcutImg":"1.jpg"
  }
  ] }

json寫好后就需要去引入了，想辦法調(diào)用到這些數(shù)據(jù)咯由于是本地連接的地址一定要http://localhost:8080/static/ceshi.json這樣的格式