Vue请求接口渲染数据(利用axios)

最新推荐文章于 2024-08-17 20:33:58 发布

DaftJayee

最新推荐文章于 2024-08-17 20:33:58 发布

阅读量4.2k

点赞数 6

分类专栏： vue

本文链接：https://blog.csdn.net/qq_43540219/article/details/107665344

版权

本文介绍了如何在Vue项目中使用axios下载并引入库，然后在main.js配置。通过一个父组件向子组件传递数据的例子，展示了在Home.vue和Spike.vue中如何连接接口获取并使用数据。同时提醒在Vue中进行属性绑定时需要注意的语法细节。

摘要由CSDN通过智能技术生成

一、下载axios

npm install axios -S

二、引入axios
在main.js中

//引入axios
import axios from 'axios'
Vue.prototype.axios=axios

三、在组件中连接接口（这里以一个父组件传到子组件的过程来示例）
Home.vue（父组件）中：

export default {
   
data (){
   
            return{
   
                spikeList:[],//定义一个数组用于存放接口传递过来的数据
            }
        },
mounted(){
   
            this.http();
        },
methods:{
   
            http(){
   //这个方法名可以自定义，不一定要叫http
            	let That = this;//保存当前thisÿ