axios 在 vue 的 mounted 生命周期使用, mounted 在 html 加载完成后执行. 因此进行网络数据查询, 需要更新视图的只能在 mounted 生命周期里写.
(相关课程推荐: vue.js 教程 https://www.html.cn/jskuangjia/vue/ )
示例:
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 方法请求
来源: http://www.css88.com/qa/vue-js/14703.html