npm安装webpack,前端工程中axios is not defined解决办法
根本不明白为什么这么写,但是下面这么写axios就可以用了,望大神解答 vue.use(),和new vue()还有Vue.prototype的区别各是什么,如何在前端工程中正确的使用 axios,如果用引入js文件的方式,在页面直接使用axios就可以,但为什么用前端工程安装的方式就不可以呢,就会出现 axios 找不到的情况转自http://www.cnblogs.com/
·
根本不明白为什么这么写,但是下面这么写axios就可以用了,望大神解答 vue.use(),和new vue()还有Vue.prototype的区别各是什么,如何在前端工程中正确的使用 axios,如果用引入js文件的方式,在页面直接使用axios就可以,但为什么用前端工程安装的方式就不可以呢,就会出现 axios 找不到的情况
转自http://www.cnblogs.com/wisewrong/p/6344390.html
方案一:改写原型链
首先在 main.js 中引入 axios
import axios from 'axios'
这时候如果在其它的组件中,是无法使用 axios 命令的。但如果将 axios 改写为 Vue 的原型属性,就能解决这个问题
Vue.prototype.$ajax = axios
在 main.js 中添加了这两行代码之后,就能直接在组件的 methods 中使用 $ajax 命令
复制代码
methods: {
submitForm () {
this.$ajax({
method: 'post',
url: '/user',
data: {
name: 'wise',
info: 'wrong'
}
})
}
转自http://www.cnblogs.com/wisewrong/p/6344390.html
方案一:改写原型链
首先在 main.js 中引入 axios
import axios from 'axios'
这时候如果在其它的组件中,是无法使用 axios 命令的。但如果将 axios 改写为 Vue 的原型属性,就能解决这个问题
Vue.prototype.$ajax = axios
在 main.js 中添加了这两行代码之后,就能直接在组件的 methods 中使用 $ajax 命令
复制代码
methods: {
submitForm () {
this.$ajax({
method: 'post',
url: '/user',
data: {
name: 'wise',
info: 'wrong'
}
})
}
更多推荐
已为社区贡献4条内容
所有评论(0)