当前位置: 移动技术网 > IT编程>开发语言>JavaScript > vue axios数据请求

vue axios数据请求

2018年09月10日  | 移动技术网IT编程  | 我要评论
在vue中数据请求需要先安装axios 我们在使用请求数据的页面导入axios import axios from "axios" 然后在methods里面写数据的请求 在生命周期调用一下,一般我们数据请求使用的生命周期是Mounted 这样我们就完成了axios的get方法请求 然后我们简答的说一 ...

在vue中数据请求需要先安装axios

1 npm i --save axios

我们在使用请求数据的页面导入axios 

import  axios from "axios"

然后在methods里面写数据的请求

1 methods:{
2    getinfo(){
3      let url = "url"
4      axios.get(url).then((res)=>{
5          //console.log(res)
6          this.list1 = res
7      })
8 }

在生命周期调用一下,一般我们数据请求使用的生命周期是mounted

1 mounted() {
2    this.getinfo()              
3 }

这样我们就完成了axios的get方法请求

然后我们简答的说一说post请求,post请求与get请求其实变得不多

1 postinfo() {
2     let url = "..."
3     var params = new urlsearchparams();
4     params.append('key', index);
5     axios.post(url, params).then((res) => {
6         console.log(res)
7     })
8 }

这样我们就可以成功的使用post方法请求数据了

如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网