註冊組件在全球範圍內vuejs

Question

我使用webpack與vuejs，我試圖把儘可能多的東西，我可以在vendor.js讓我app.js可以更小，這樣webpack編譯時間可以減少。

我想在全球範圍內註冊Font Awesome vuejs版本。

在我main.js

import Icon from 'vue-awesome'; 
window.Icon = Icon; 
Vue.use(Icon); 

而且在我的組件.vue文件我有

<template> 
    <icon name="beer"></icon> 
</template> 

<script> 
    export default { 

    components: { 
     Icon: window.Icon 
    } 

} 
</script> 

而且我收到此錯誤： Unknown custom element: <icon> - did you register the component correctly?

window.Icon設置正確我可以登錄它，但我認爲我在這裏做了一些菜鳥的錯誤，因爲當我將它包含在組件直接前夕正在工作。

Answer 1

in a module environment such as CommonJS, you always need to call Vue.use() explicitly

較長的討論是在這裏：https://github.com/vuejs-templates/webpack/issues/63，但要點是，每個模塊必須調用Vue.use()。