axios在vue哪个生命周期使用

axios在vue哪个生命周期使用

axios在vue的mounted生命周期使用,mounted在html加载完成后执行。因此进行网络数据查询,需要更新视图的只能在mounted生命周期里写。

(相关课程推荐:Vue.js教程

示例:

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

npm i --save axios

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

import  axios from "axios"

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

methods:{
  getInfo(){
   let url = "url"
   axios.get(url).then((res)=>{
     //console.log(res)
     this.list1 = res
   })
}

4、在生命周期调用一下

mounted() {
 this.getInfo()       
}

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

更多Vue.js相关技术文章,请访问Vue.js答疑栏目进行学习!

以上就是axios在vue哪个生命周期使用的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读