npm安装webpack，前端工程中axios is not defined解决办法

根本不明白为什么这么写，但是下面这么写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'
      }
   })
}