vue 中引入Axios。
时间: 2023-07-16 18:11:42 浏览: 157
vue axios数据请求及vue中使用axios的方法
在Vue中引入Axios需要先安装Axios依赖,可以使用npm或yarn来安装。在终端中执行以下命令:
使用npm安装:
```
npm install axios --save
```
使用yarn安装:
```
yarn add axios
```
安装完成后,在需要使用Axios的组件中引入即可,例如:
```javascript
import axios from 'axios';
export default {
data() {
return {
message: ''
};
},
methods: {
fetchData() {
axios.get('/api/data')
.then(response => {
this.message = response.data;
})
.catch(error => {
console.log(error);
});
}
}
};
```
在上面的例子中,我们使用了Axios的get方法来获取后端API返回的数据。如果请求成功,我们将返回的数据赋值给组件的message属性。如果请求失败,我们将错误信息打印到控制台中。
阅读全文