axios 安装 和 vue的生命周期

axios 安装

yarn add axios
检查是否安装成功：

axio请求例子：

<template>
  <div class="home">
  </div>
</template>

<script>
//引入axios
import axios from 'axios';
//补充知识点：vue的生命周期
//vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染》更新》渲染、卸载等一系列过程，我们称这是vue的生命周期。
//通俗说就是vue实例从创建到销毁的过程，就是生命周期
//注意：事件响应方法中的this直接指向的是vue的实例
export default {
  name: 'Home',
  created(){
  //生命周期钩子函数
  //一般可以在created函数中调用ajax获取页面初始化所需的数据
  //这里的接口用在public文件夹创建的data.josn代替
  //接口路径：在项目启动的时候,是以public文件夹为根节点,例如：编译成功后 http://localhost:8080/就是访问public文件夹里的index.html
  
  //.then((res)=>{})里的res是指请求接口后成功返回的响应数据,包含请求头、请求体、等信息
  axios.get('/data.json').then((res)=>{
    console.log(res)
  })
  }
}
</script>

预览查看是否请求到data.json


返回哪些数据：