這兩天在學習vue，主要是為了實現前後端的分離，因此資料的傳輸是必不可少的一個環節。

為了快速入門，參考了vue官網的視訊，這個過程由於引入vue.js的問題走了一些彎路，這個我們以後再來探討，因為現在主要講的是JSON陣列和JSON物件。

在這個截圖中（截了好幾次才完美截下），紅框部分是從API獲取資料，中間的語法等我們也在以後再討論。

我發現照著這個模板來做的話，可以正常獲取到資料，然而換成我自己的專案之後，就取不出來。通過我在專案列印標記，知道已經是能正常訪問到我的controller，那麼是在哪裡導致不行呢？

觀察截圖箭頭所指的位置json.products，說明按照這個官方提供的連結獲取的json，是有一個命名為products的，通過對比我自己專案返回的資料，終於發現了一些區別。

官方連結的API：https://api.myjson.com/bins/74l63     （注意“74l63”中的“l”是英文字母“L”的小寫，不是1，這裡也坑了我好一會）

我自己的專案（區域性）：

觀察開頭，我們發現官方提供的是一個JSON物件，是由{"products":[{"id":……開頭的，而我的專案返回的是JSON陣列，[{"id":……，所以區別就在這裡了。

因此，在自己的專案裡，JSON陣列直接是賦值就可以了。

最後，終於能夠成功取值了！接下來該幹嘛幹嘛去吧。

這是為了整理我自己的學習筆記，也可以分享到剛好需要的人，很少寫教程，不足之處還請見諒！