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