Vue框架应用实战项目式教程 实训指导书 实训报告10 完成点赞功能模块.pdf

实训报告11Axios库的使用

——留言板完成点赞功能模块

1.定义上传点赞数据方法postSupportState()

定义postSupportState方法，使用Axios中的put方法修改当前id值的点赞数据

//上传更新的点赞数据

functionpostSupportState(newData){发

return$Axios.put(http://localhost:3000/messageList/

+newData.data.id,newData.data)

}开

2.定义获取点赞数据方法getSupportState()

使用Axios中的get方法获取更新后的点赞数据战

//获取更新的点赞数据

functiongetSupportState(id){实

return$Axios.get(http://localhost:3000/messageList/+

id)

}用

3.定义点赞功能模块逻辑方法support()

点赞功能模块的处理，封装成support函数，强化逻辑思维。

应

//点赞方法

functionsupport(newData){

//数据传递给接口架

postSupportState(newData).then(postResult{

if(postResult.status200){

框

getSupportState(newData.data.id).then(getResult

{e

if(getResult.status200){

messageList.content[newData.index]

getResult.data

u

}

V})

}

})

}