element-plus 怎么引入 vue-resource
时间: 2023-07-18 10:41:54 浏览: 190
Element Plus是Element UI的升级版,它基于Vue 3.0,而vue-resource插件只支持Vue 2.0。因此,如果你需要在Element Plus中使用类似vue-resource的功能,推荐使用Vue官方推荐的axios库来进行数据请求。
安装axios库:
```
npm install axios --save
```
在Vue项目的入口文件(如main.js)中引入Element Plus和axios:
```javascript
import { createApp } from 'vue'
import App from './App.vue'
import ElementPlus from 'element-plus'
import 'element-plus/lib/theme-chalk/index.css'
import axios from 'axios'
const app = createApp(App)
app.use(ElementPlus)
app.config.globalProperties.$http = axios
app.mount('#app')
```
接下来就可以在Vue组件中使用axios的功能了,例如:
```javascript
export default {
data() {
return {
users: []
}
},
mounted() {
this.$http.get('/api/users').then(response => {
this.users = response.data
})
}
}
```
这里的 `$http` 是我们在入口文件中通过 `app.config.globalProperties.$http = axios` 将axios库挂载到Vue实例上的。在这个例子中,我们通过调用 `$http.get` 方法来获取 `/api/users` 接口返回的数据,并将其赋值给组件的 `users` 属性。
阅读全文
相关推荐


















