vue vue-resource

最新推荐文章于 2024-01-22 15:55:53 发布

chiuwingyan

最新推荐文章于 2024-01-22 15:55:53 发布

阅读量273

点赞数

CC 4.0 BY-SA版权

分类专栏： vue

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/chiuwingyan/article/details/77887231

vue 专栏收录该内容

30 篇文章

订阅专栏

本文介绍了如何使用vue-resource插件来获取数据，并演示了如何在Vue应用中利用get和post方法进行前后端交互。文中还提供了使用json-server作为假后台的具体实现方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue-resource可以帮助我们从后台获取数据，像ajax一样

1、像vue-router在main.js页面引用使用，就可以在所有的组件中通过this.$http使用

get方法，第一个是成功执行的函数，第二个是失败执行的

post方法：

使用的是 json-server假后台的方法获取db.json里getList的数据，用json-server只能通过get请求获取

箭头函数这种写法会更好，要在data里定义一个空的newList数组

博客等级

码龄8年

119
原创

56
点赞

169
收藏

28
粉丝

关注

私信

热门文章

分类专栏

react 27篇
vue 30篇
js 36篇
css 7篇
webpack 10篇
websocket 1篇
node 3篇
express 2篇
浏览器

展开全部收起

上一篇：: vue插件之vuex

下一篇：: vuejs组件之slot内容分发实例详解

最新评论

overflow-scrolling解决滚动卡顿问题
好多吃的啊: 赞赞赞
js普通函数加括号与不加括号的区别
m0_53074858: 学到了！
vue element-ui的$notify注意点
tiunxi: 楼sh的问题可以这么解决 private showRefreshUI(e: Event) { // Display a notification inviting the user to refresh/reload the app due // to an app update being available. // The new service worker is installed, but not yet active. // Store the ServiceWorkerRegistration instance for later use. const h = this.$createElement this.registration = (e as CustomEvent).detail this.$notify.info({ title: 'Update available', message: h('div', { class: 'sw-update-popup' }, [ this.notificationText, h('br'), h('button', { on: { click: (e: Event) => { e.preventDefault() this.refreshApp() } } }, this.refreshButtonText) ]), position: 'bottom-right', duration: 0 }) } private refreshApp() { 」
vue element-ui的$notify注意点
tiunxi 回复 chiuwingyan: private showRefreshUI(e: Event) { // Display a notification inviting the user to refresh/reload the app due // to an app update being available. // The new service worker is installed, but not yet active. // Store the ServiceWorkerRegistration instance for later use. const h = this.$createElement this.registration = (e as CustomEvent).detail this.$notify.info({ title: 'Update available', message: h('div', { class: 'sw-update-popup' }, [ this.notificationText, h('br'), h('button', { on: { click: (e: Event) => { e.preventDefault() this.refreshApp() } } }, this.refreshButtonText) ]), position: 'bottom-right', duration: 0 }) } private refreshApp() { // Protect against missing registration.waiting. if (!this.registration || !this.registration.waiting) return this.registration.waiting.postMessage('skipWaiting')

大家在看

最新文章

目录

展开全部

收起

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。