vue调用接口

要调用接口，首先需要安装axios库。可以通过npm或yarn来安装axios：

npm install axios

或者

yarn add axios

安装完axios后，在Vue组件中可以通过以下方式来调用接口：

import axios from 'axios';

export default {
  data() {
    return {
      data: null
    };
  },
  mounted() {
    this.getData();
  },
  methods: {
    getData() {
      axios.get('http://example.com/api/data')
        .then(response => {
          this.data = response.data;
        })
        .catch(error => {
          console.error(error);
        });
    }
  }
}

上面的代码中，我们在组件的mounted钩子函数中调用了getData方法，该方法使用axios发送GET请求来获取数据。在请求成功后，我们将数据赋值给组件的data属性。如果请求出错，我们将错误信息打印到控制台。

当然，根据接口的具体情况，你可能需要在请求中传递一些参数、使用其他HTTP方法（如POST、PUT、DELETE）等。axios提供了丰富的方法来满足不同的需求，你可以查阅axios的文档来了解更多用法