vue从入门到开发--4--处理http请求

一：

　　在main.js里面处理http请求模块，因为没有这个模块，所以需要先安装这个模块:npm install vue-resource --save

　　安装完毕之后，导入这个模块,并使用中间件将其使用

二：

　　在需要请求数据的vue组件文件中处理http请求

　　在methods属性的后面再次添加一个新的属性，来处理数据请求:created:function(){回调函数}；

　　这里是data数据部分users,将请求下来的数据赋值给这个部分即可。

三　　

　　对了，在此要说明一下，因为我自己没有数据，所以用的是网上提供的数据，搜索jsonplaceholder，

　　在这个网址　　http://jsonplaceholder.typicode.com/　　内有一些数据能用到，如下图

　　如这个里面的users,点击进去之后就是一些数据了，如下图

　　然后再代码部分用到的请求地址就是这个地址 http://jsonplaceholder.typicode.com/users

　　然后就能处理自己的东西啦~~~~~

(PS:新手学习，有不对的地方希望大佬们帮忙纠正，万分感谢!)

转载于:https://www.cnblogs.com/moutudou/p/7264734.html

vue从入门到开发--4--处理http请求相关推荐

Vue框架入门(一)---开发简易计算器
涉及知识: HTML.CSS.JavaScript Vue(v-for.v-model.v-on.v-clock) Gitee仓库 :https://gitee.com/vgtime123/Calcu ...
2020 零基础 Vue快速入门教开发天气查询网页—天知道（激发编程乐趣）【整理+源码】
文章目录 1.引言 2.天知道概述 3.模板展示 4.回车键查询功能开发 5.点击查询功能开发 6.js完整代码及接口 7.结束语点击进入Vue❤学习专栏~ 1.引言最近呢,也是在自学Vue中,通 ...
vue从入门到开发--2-基本结构
1.App.vue 是根文件,所有的其他组件的执行均需要在此文件内导入并调用才能实现. import (导入其他组件) Test (其他组件的名字) from './components/test'( ...
Spring Boot + Vue 前后端分离开发，前端网络请求封装与配置
前端网络访问,主流方案就是 Ajax,Vue 也不例外,在 Vue2.0 之前,网络访问较多的采用 vue-resources,Vue2.0 之后,官方不再建议使用 vue-resources ,这个 ...
spring boot + vue + element-ui全栈开发入门——基于Electron桌面应用开发
前言 Electron是由Github开发,用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一个开源库. Electron通过将Chromium和Node.js合并到同一个运行时环 ...
spring boot + vue + element-ui全栈开发入门
今天想弄弄element-ui 然后就在网上找了个例子感觉还是可以用的第一步是完成了果断拿过来放到我这里这下面直接是连接点进去就可以用啊本想着不用vue 直接导入连接 ...
Vue.js+Node.js开发实战：从入门到项目上线
<Vue.js+Node.js开发实战:从入门到项目上线>以JavaScript语言为基础,以一个完整的网站开发过程为主线,介绍了一整套面向Web项目的开发技术,如使用Node.js搭建服 ...
android app开发混合开发,混合开发入门 Vue结合Android/iOS开发仿京东项目App
download:混合开发入门 Vue结合Android/iOS开发仿京东项目App 无需原生开发基础,也能完美呈现京东商城.本课程融合vue.Android.IOS等目前流行的前端和移动端技术,混合 ...
js模板字符串自定义类名_【Vue.js 入门到实战教程】07Vue 组件注册 | 基本使用和组件嵌套...
来源 | https://xueyuanjun.com/post/21929除了前面介绍的基本语法之外,Vue.js 还支持通过组件构建复杂的功能模块,组件可以称得上是 Vue.js 的灵魂,是 Vu ...

vue从入门到开发--4--处理http请求

vue从入门到开发--4--处理http请求相关推荐

最新文章

热门文章