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

創(chuàng)新互聯(lián)建站專注于企業(yè)全網(wǎng)整合營銷推廣、網(wǎng)站重做改版、南平網(wǎng)站定制設(shè)計、自適應(yīng)品牌網(wǎng)站建設(shè)、H5建站、商城開發(fā)、集團(tuán)公司官網(wǎng)建設(shè)、外貿(mào)網(wǎng)站制作、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計等建站業(yè)務(wù)，價格優(yōu)惠性價比高，為南平等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

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

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

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

如果沒有放到這個文件夾下可能會報錯喲！

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"
  }
  ] }

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

網(wǎng)頁標(biāo)題：詳解VUE調(diào)用本地json的使用方法-創(chuàng)新互聯(lián)
瀏覽路徑：http://weahome.cn/article/doeoso.html