Vue2学习之第四章——Vue中的ajax
在Vue中使用AJAX通常涉及到安装和使用一个AJAX库，比如axios。以下是如何在Vue项目中使用axios的步骤和示例代码：
- 安装axios：
npm install axios- 在Vue组件中引入axios：
import axios from 'axios';- 使用axios发送请求：
export default {
data() {
return {
message: ''
};
},
mounted() {
axios.get('https://jsonplaceholder.typicode.com/todos/1')
.then(response => {
this.message = response.data.title;
})
.catch(error => {
console.error('There was an error!', error);
});
}
};在这个例子中，我们在Vue组件的mounted钩子中发送了一个GET请求，以获取JSON Placeholder上的一个TODO项。请求成功后，我们将返回的标题数据存储到组件的message变量中，并在模板中显示它。如果请求失败，我们将错误信息打印到控制台。
评论已关闭