element 怎么引入vue-resource
时间: 2024-01-14 08:02:34 浏览: 77
vue+springboot+element+vue-resource实现文件上传教程
在使用Element UI和vue-resource的时候,需要先在项目中安装Element UI和vue-resource:
```
npm install element-ui vue-resource --save
```
然后在Vue项目的入口文件(如main.js)中引入Element UI和vue-resource:
```javascript
import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import VueResource from 'vue-resource'
Vue.use(ElementUI)
Vue.use(VueResource)
// ...其他代码
```
接下来就可以在Vue组件中使用vue-resource的功能了,例如:
```javascript
export default {
data() {
return {
users: []
}
},
mounted() {
this.$http.get('/api/users').then(response => {
this.users = response.data
})
}
}
```
这里的 `$http` 是vue-resource插件提供的对象,用于发送HTTP请求。在这个例子中,我们通过调用 `$http.get` 方法来获取 `/api/users` 接口返回的数据,并将其赋值给组件的 `users` 属性。
阅读全文