标签搜索

vue-cli注册全局方法

cicaba
2018-03-16 / 0 评论 / 7 阅读 / 正在检测是否收录...
  1. 把方法挂载到window对象上!
import axios from 'axios';
window.axios = axios;//这样每个vue主件都可以调用axios
  1. 把方法挂载到Vue的原型上
import Vue from 'vue';
import axios from 'axios';
Vue.prototype.axios = axios;
  1. 通过webpack全局注入!
plugins:[
    new webpack.ProvidePlugin({ //webpack配置项
      axios:"axios",
      jQuery: "jquery",
      $: "jquery"
    })
]

总结:
挂载到window上将被暴露在全局,(不推荐使用).
挂载到Vue原型上, 可以在每个Vue实例上使用.(每次使用都的加this).
webpack注入, 会在编译后在每个模块中引入.(推荐使用)

0

评论 (0)

取消