鍍金池/ 問(wèn)答/HTML/ vue-cli中自己封裝的公共方法文件怎么引入？

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

我在main.js里引包了，為什么其他的vue組件不能直接調(diào)用里面的方法？

clipboard.png

我封裝的方法也都導(dǎo)出了??？

clipboard.png

回答
編輯回答
壞脾滊

.vue 是要被編譯然后給 webpack 搞來(lái)搞去的，具體的就不說(shuō)了。

一般會(huì)用插件來(lái)注入:

插件 -- Vue.js

2017年3月24日 00:40
編輯回答
雨萌萌

一般通過(guò)插件的形式去install,然后在調(diào)用。當(dāng)然你這個(gè)我覺(jué)得可以直接import {post} from '...' 然后掛載到vue原型就可以了沒(méi)必要install。如果你想弄清這個(gè)install怎么實(shí)現(xiàn)的，可以看下ui框架下面的那些loading,msg這些是怎么實(shí)現(xiàn)的，看他們是怎么暴露這個(gè)install方法的。

2018年3月30日 09:24
編輯回答
款爺

可以掛載到原型上 Vue.prototype.$ajax

2018年4月10日 06:57
編輯回答
蔚藍(lán)色

我咋懷疑是你路徑錯(cuò)了呢。。。我這也是 vue-cli 構(gòu)建的項(xiàng)目，從 main.js 引入你那個(gè)文件路徑難道不是 ./utils/http 么。。。

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

// 組件中使用，這樣應(yīng)該 ok
this.$post(xxxxxxxx)
2017年1月17日 16:46