本篇文章主要讲解如何用vue-resource来进行简单的网络请求,vue中vue-resource类似ajax的网络请求功能。
①安装vue-resource依赖
在使用vue-resource之前,我们需要进行依赖的安装,在项目根目录的命令行中,输入
npm install --save vue-resource
②在main.js中引入
在引入基本的vue之后,我们需要在在main.js文件中引入
import VueResource from "vue-resource"
Vue.use(VueResource)
通常只要依赖安装成功,引入以后就可以在组件中使用vue-resource了
③在组件中使用
在这里我们需要使用生命周期中的created函数,此时dom还未生成
这里我们可以使用http://jsonplaceholder.typicode.com/中的json接口
created:function(){
this.$http.get("http://jsonplaceholder.typicode.com/users").then(
(data)=>{
console.log(data);
})
}
调用接口后,我们就可以在控制台看到我们所调用的接口了,接下来就可以自己进行数据的渲染。