Vue实现获取后端接口API代码片段(已封装Service方法名)
作者：你挚爱的强哥
Vue实现获取后端接口API代码片段(已封装Service方法名)，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
Vue获取后端接口API代码片段
this.showLoading(); //显示加载动画
let data = {
/*传参*/
id: this.id
};
API.方法名(data)
.then((d) => {
if (d.code === 0) {
/*这里写代码*/
} else {
console.log("失败", d.msg);
}
this.hideLoading();//关闭加载动画
})
.catch((d) => {
/*报错*/
console.log(d);
this.hideLoading();//关闭加载动画
});常用的Vue代码片段 (复制即用)
前三步
第四步（复制进去）
注意："prefix":"自定义", 可以自定义这个就是使用代码片段的名字
{
"Print to console": {
"prefix": "vue", //使用代码片段的关键字
"body": [
"<template>",
" <div>\n",
" </div>",
"</template>",
"<script>",
"export default {",
" data () {",
" return {\n",
" }",
" }",
"}",
"</script>",
"<style scoped>\n",
"</style>\n",
],
"description": "Log output to console"
}
}使用代码片段
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。