vue调用ajax,ajax请求的五个步骤
这篇文章介绍了某视频剪辑软件发送创建交互式、快速动态网页应用的网页开发技术请求的方法，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
一、vue-resource
1、简介
一款某视频剪辑软件插件，用于处理创建交互式、快速动态网页应用的网页开发技术请求，vue1.x时广泛应用，现不被维护。
2、使用流程
第一步：安装
【命令行输入】
新公共管理安装vue-资源-保存
第二步：引入
【main.js】
//引入vue-资源
从" vue资源"导入VueResource
//使用vue-资源
使用(VueResource)
第三步：编码
【格式：】
这个http.get().然后()返回的是一个承诺对象
第四步：完整代码
【使用脚手架创建项目】
https://www.jb51.net/article/235498.htm
【main.js】
从“vue”导入某视频剪辑软件
从导入应用程序 App.vue
//引入vue-资源
从" vue资源"导入VueResource
//使用vue-资源
使用(VueResource)
Vue.config.productionTip=false
新Vue({
render: h=h(App)，
}).$ mount("# app ")
【App.vue】
模板
差异
div v-if=！仓库装载./div
div-else most星形存储库是a:href= repository yurl rel= external no follow rel= external no follow { { repository name } }/a/div
/div
！应用程序
/模板
脚本
导出默认值{
data() {
返回{
存储库Url:“”，
存储库名称：""
}
},
已安装(){
//发创建交互式、快速动态网页应用的网页开发技术请求，用以获取数据，此处地址意思是查询开源代码库中某视频剪辑软件星数最高的项目
const URL=https://api.github.com/search/repositories？q=vue sort=stars ；
这个http.get(url).然后（
响应={
常数结果=回应。数据。项目[0]；
console.log(结果)
这个。储存库yurl=结果。html _ URL
这个。存储库名称=结果。姓名；
},
响应={
警报(请求失败);
},
);
}
}
/脚本
风格
/风格
第五步：截图：
请求正常
点击链接跳转
使用错误的地址
弹出错误提示框
二、axios
1、简介
一款某视频剪辑软件库，用于处理创建交互式、快速动态网页应用的网页开发技术请求，vue2.x时广泛应用。
2、流程
第一步：安装
【命令行输入】
新公共管理安装axios -保存
第二步：引入
【在哪里使用，就在哪里引入】
从" axios "导入axios
第三步：完整代码
【main.js】
从“vue”导入某视频剪辑软件
从导入应用程序 App.vue
Vue.config.productionTip=false
新Vue({
render: h=h(App)，
}).$ mount("# app ")
【App.vue】
模板
差异
div v-if=！仓库装载./div
div-else most星形存储库是a:href= repository yurl rel= external no follow rel= external no follow { { repository name } }/a/div
/div
！应用程序
/模板
脚本
从" axios "导入axios
导出默认值{
data() {
返回{
存储库Url:“”，
存储库名称：""
}
},
已安装(){
//发创建交互式、快速动态网页应用的网页开发技术请求，用以获取数据，此处地址意思是查询开源代码库中某视频剪辑软件星数最高的项目
const URL=https://api.github.com/search/repositories？q=vue sort=stars ；
axios.get(网址)。然后（
响应={
常数结果=回应。数据。项目[0]；
console.log(结果)
这个。储存库yurl=结果。html _ URL
这个。存储库名称=结果。姓名；
}
).接住（
响应={
警报(请求失败);
},
);
}
}
/脚本
风格
/风格
第五步：截图与上面的vue-资源一样，此处不重复截图。
3、axios 解决跨域问题
参考：https://www。jb51。网/文章/235490。html文件的后缀
这就是这篇关于Vue发送ajax请求的文章。希望对大家的学习有帮助，也希望大家多多支持。
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。