最近在使用Vue仿寫一個網易云音樂的單頁面應用，當頁面布局什么的寫完后，然后就準備用axios獲取后臺數據渲染頁面了，當然，我自己寫的，并沒有后臺，所以，我就自己寫json文件，然后弄proxy代理什么的。興沖沖的搞完，在父組件獲取數據然后分發到子組件，然后問題來了——報錯，警告

【Vue warn】 ：Error inrender：“TypeError: Cannot read property 'length' of underfined”

類似這種警告，‘ ’之內的內容各種各樣，遇到問題當然要解決問題了，千方百計，絞盡腦汁，然而并沒有搞定，陷入沉思

然后最后回到問題出現的源頭，json 數據的獲取，腦子一抽，會不會是自己寫的json數據有問題啊？然后打開自己寫的json數據一看

"anchor2": [ { "title": "熱門主播", "more": "", "list": [ { "id": "1", "name": "陳立", "info": "心理學家", "img": "http://p1.music.126.net/p9U80ex1B1ciPFa125xV5A==/5931865232210340.jpg?param=62y62" } ] }]

上面是自己寫的json數據，

然后我想獲取這個數據內的list，我是怎么寫的呢——this.list = data.anchor2.list ，然后警告來了

心塞啊，把json數據改正如下——

"anchor2": { "title": "熱門主播", "more": "", "list": [ { "id": "1", "name": "陳立", "info": "心理學家", "img": "http://p1.music.126.net/p9U80ex1B1ciPFa125xV5A==/5931865232210340.jpg?param=62y62" } ]}

獲取數據寫法不變，然后獲取數據成功。一個 [ ] 號 把我和獲取正確數據的路阻擋了，真坑，有沒有在自己寫json數據上遇到類似問題的，可以吐槽一下。

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的json模拟数据怎么用_在使用axios获取自己模拟的json数据是踩到的坑的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。