在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()。