vue 引入jquery 使用$.ajax
时间: 2023-09-22 10:06:57 浏览: 110
在Vue中引入jQuery,并使用其中的`$.ajax`方法可以通过以下步骤来实现:
1. 安装jQuery
在Vue项目中,可以通过npm安装jQuery:
```bash
npm install jquery --save
```
2. 在Vue组件中引入jQuery
在需要使用`$.ajax`的Vue组件中,可以通过以下方式引入jQuery:
```javascript
import $ from 'jquery';
```
3. 使用`$.ajax`发送请求
在Vue组件的方法中,可以通过以下方式使用`$.ajax`发送请求:
```javascript
methods: {
fetchData() {
$.ajax({
url: 'http://example.com/api',
type: 'GET',
dataType: 'json',
data: {
name: 'John',
age: 30
},
success: function(data) {
console.log(data);
},
error: function(xhr, status, error) {
console.error(error);
}
});
}
}
```
以上就是在Vue中引入jQuery,并使用其中的`$.ajax`方法发送请求的基本步骤。需要注意的是,使用jQuery会增加项目的体积,如果只是需要发送简单的ajax请求,也可以使用原生的XMLHttpRequest对象或者其他轻量级的ajax库(例如axios、fetch等)。
阅读全文