首先后端采用的是restful形式，分為了
1.post（添加）請求，
2.delect(刪除)請求，
3.put（修改）請求，
4.get（查詢）請求，
在vue里項目里，npm i axios -S，npm i vue-axios -S，下載這兩個后，在main.js里面
import axios from 'axios'
import VueAxios from 'vue-axios'
Vue.use(VueAxios, axios)
就可以在全局使用axios了
在需要的添加按鈕里寫一個方法，submit(){
先判斷填寫的內容是否符合格式標准，如果可以就執行
addpost（）
}
//axios post 請求
addpost(){
that = this //this就要換成that 防止this沖突
this.$axios
.post('url',{
后台數據名：that.前台定義的變量，
})
.then（res =>{
console.log(res)//提交后台的數據狀態 res=
{data: {…}, status: 200, statusText: "", headers: {…}, config: {…}, …}
getlist（），添加完后再更新數據庫的數據到頁面
}
axios delect請求
delectlist（）{
this.$axios
.delect(url/adate，{ //另一種方法傳遞參數用params選項傳遞參數
params：{
id：‘123’
}
})
.then(res=>{
console.log(res)
})
}
axios get請求
getlist（）{
this.$axios.get(url/adate?id='123') //另一種方法傳遞參數用params選項傳遞參數
.then(res=>{
console.log(res)
this.datearr = res.data.date//把數據賦給date里定義的dataarrr
})
}
axios put請求與post類似都有表單格式
alterlist（）{
const params =new URLsearchParams（）
params.append('param1','value');
params.append('param1','value');
this.$axios.put('url' ,params ).then(res = >{
console.log(res) //修改的數據
})
}