根 Vue 组件上的 Vue.use 与 Vue.component

Question

Vue.use使功能全局化，同时调用Vue.component根 Vue 组件（通常app.vue）具有相同的效果。我见过一个使用两者的示例应用程序（root js 中的许多Vue.component和调用）。Vue.use一直在谷歌搜索，但没有看到任何解释这种模式的东西。

（微妙的）区别是什么？

Answer 1

对于初学者来说，请参阅：

https://v2.vuejs.org/v2/api/#Vue-component
https://v2.vuejs.org/v2/api/#Vue-use

“让功能全球化”这个说法有点含糊。有必要更清楚地确定这在每种情况下意味着什么。

Vue.component用于全局注册组件。这使得它可以在模板中按指定的名称使用。因此，Vue.component('rainbow', componentDefinition)您可以<rainbow>在所有模板中使用，而无需将其显式导入到这些组件中。有关注册组件的不同方法的更多信息，请参阅：

https://v2.vuejs.org/v2/guide/components-registration.html

Vue.use用于调用插件。实际上，插件只是一个 JavaScript 函数，它可以做任何它想做的事情。该函数可能会注册组件（使用Vue.component），但许多插件会执行其他操作，例如注册指令或添加全局 mixin。

很可能在您正在研究的示例应用程序中，插件都是注册组件，这给人的印象Vue.use与Vue.component. 如果是这样，那只是巧合。我建议您查看一些插件的源代码，以更好地了解它们在做什么以及如何工作。

和通常都会在应用Vue.component程序Vue.use的主入口点文件中使用。可能会被称为类似的东西main.js。它们可能不会被直接调用，例如插件可能会调用Vue.component，但其结果的全局性质通常使得有必要在使用 启动应用程序本身之前进行所有此类调用new Vue。

如果您在文件内有Vue.component或Vue.use调用，.vue那么这表明您做错了什么，即使它是app.vue. 文件.vue应该只导出一个组件，它不应该有任何全局副作用，例如注册组件。