vue-cli中自己封装的公共方法文件怎么引入？

Question

我在main.js里引包了，为什么其他的vue组件不能直接调用里面的方法？

我封装的方法也都导出了啊？

Answer 1

我咋怀疑是你路径错了呢。。。我这也是 vue-cli 构建的项目，从 main.js 引入你那个文件路径难道不是 ./utils/http 么。。。

// main.js
import { post } from './utils/http'
Vue.prototype.$post = post

// 组件中使用，这样应该 ok
this.$post(xxxxxxxx)

Answer 2

.vue 是要被编译然后给 webpack 搞来搞去的，具体的就不说了。

一般会用插件来注入:

插件 -- Vue.js

Answer 3

可以挂载到原型上 Vue.prototype.$ajax

Answer 4

一般通过插件的形式去install,然后在调用。当然你这个我觉得可以直接import {post} from '...' 然后挂载到vue原型就可以了没必要install。如果你想弄清这个install怎么实现的，可以看下ui框架下面的那些loading,msg这些是怎么实现的，看他们是怎么暴露这个install方法的。