**
解決如下
使用者名稱th
>
>
郵箱th
>
>
**th
>
tr>
thead
>
>
v-for
="(user,i) in list"
:key
="user.userid"
>
>
}td>
v-text
="user.username"
>
td>
>
}td>
>
}td>
tr>
tbody
>
table
>
div>
>
// 建立 vue 例項，得到 viewmodel
var vm =
newvue(,
methods:
) = result;
.catch
(function
(error));
this
.list = _list;},
},created()
,});
script
>
body
>
html
>
頁面效果就不上了
1.要想頁面載入完載入資料必須在適當的鉤子函式裡面載入，我用了created 函式
2.axios獲取資料的裡面直接用foreach的使用this.list的push方法會，報錯push沒有定義，
列印this之後發現this和vue的this並不一樣，故此提前將vue的this提取出來
乙個後端的vue之旅，如果有其他的處理方式可以與樓主分享
2.axios傳送請求demo
vue 路由元件不重新載入
doctype html html head meta charset utf 8 title vue 測試例項 菜鳥教程 runoob.com title script src script script src script head body div id h1h1 p router link...
vue專案及axios請求獲取資料
一般vue專案中 乙個頁面是由多個元件組成的，各個組建的資料都是統一在主介面的元件中傳送axios請求獲取，這樣極大地提高了效能。import homeheader from components header import homeswiper from components swiper imp...
vue使用axios獲取後端資料並展示
1.後端python django 獲取到的資料型別為字串 str host list json json.loads host list json 將字串資料轉成json型別 2.前端html vue doctype html html lang en head meta charset utf ...