第一次vue調用後臺數據接口

調用後臺接口操做準備：

1.配置對方域名及端口號

2.編寫api.js

在這裏定義並輸出了一個接口函數，命名隨意

3.vue頁面調用接口

vue頁面字段應和接口字段名保持一致，字段如圖

 

 字段保存在form中，代碼以下：

 

 data中數據以下：

因此調用接口以下圖所示：