如果在.vue文件中使用axios,该如何声明和调用?

来源:4-3 axios基础介绍

慕仔9271372

2017-07-24

类似的问题还有:如何在.vue文件中声明bootstrap的css和js?在main.js中引用还是在.vue中引用?

写回答

3回答

慕斯8014925

2017-11-15

原型链的方法呗

在main.js中 使用 Vue.prototype.$http= axios 

之后通过this.$http就可以调用了  嘿嘿嘿

0
1
慕仔9271372
非常感谢!
2017-11-29
共1条回复

慕斯8014925

2017-11-15

当然如果你一定希望使用use的方法去写的话

请给axios增加一个install的方法 。这个方法的第一个参数是 Vue 构造器

0
0

hey_ff

2017-07-24

安装'vue-axios',然后引入下面两个文件

import axios from 'axios'
import VueAxios from 'vue-axios'

将这两个文件定义为vue的插件
Vue.use(VueAxios, axios)


使用_下面三种情况都可以:

Vue.axios.get(api).then((response) => {
 console.log(response.data)
})

this.axios.get(api).then((response) => {
 console.log(response.data)
})

this.$http.get(api).then((response) => {
 console.log(response.data)
})

0
2
ITer在路上
大神你好,axios和vue-axios是两个不同的插件,是吗?
2017-11-01
共2条回复

Vue2.6+Node.js+MongoDB 全栈打造商城系统

课程全面升级,Vue2.6+Koa2,从前端入门全栈,让你的未来更宽广

2634 学习 · 924 问题

查看课程