前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >html使用vue axios,使用 Vue和axios

html使用vue axios,使用 Vue和axios

作者头像
全栈程序员站长
发布2022-11-17 18:00:59
1.4K0
发布2022-11-17 18:00:59
举报

昨天写完了博客以后,有人就在我的博客下面留言说现在不是使用了Axios了吗?我赶紧再把Axios的例程给补上,并且做一个更新。

其实vue-resource并不复杂,就是不稳定。Vue官方放弃它也是对的,作者是这样子说的

最近团队讨论了一下,Ajax 本身跟 Vue 并没有什么需要特别整合的地方,使用 fetch polyfill 或是 axios、superagent 等等都可以起到同等的效果,vue-resource 提供的价值和其维护成本相比并不划 算,所以决定在不久以后取消对 vue-resource 的官方推荐。已有的用户可以继续使用,但以后不再把 vue-resource 作为官方的 ajax 方案。

axios的确更优秀更稳定。

首先引入Vue和axios。

然后,编写Javascript:

Vue.prototype.$http=axios;

new Vue({

el: ‘#app’,

data: {

peps: ”

},

mounted() {

this.$http.get(‘Category.json’).then(response=>this.peps=response.data);

}

})

json数据是这样子的:

[

{

“ID”:”1″,

“name”: “地产”,

“Url”:”/Category/List/1″

},

{ “ID”:”2″,

“name”: “科技”,

“Url”:”/Category/List/2″},

{ “ID”:”3″,

“name”: “医药”,

“Url”:”/Category/List/3″},

{ “ID”:”4″,

“name”: “其他”,

“Url”:”/Category/List/4″}

]

我是希望以上的数据渲染到一个Select里面去,通过onchange直接将当前页面跳转到json数据的Url去,那么在html中只需要这样设置:

{ {pep.name}}

运行测试通过。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/223081.html原文链接:https://javaforall.c

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年10月29日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档