VueJs 3：应该全局加载什么样的组件才能提高性能

Question

使用 vue3，我们可以全局实现组件，这意味着如果不使用它们，它们也会被实现。 我的想法是在全球范围内实现布局组件（网格，行，列），但它们并没有像 f.e. 那样在每个组件中使用。在输入字段。

也许我们处于微调级别，但问题是我什么时候应该避免实现全局组件以及什么时候应该实现它们？

Answer 1

问题是 - 你需要它做什么？

• 要删除组件中的

  import

  行？使用两个

  auto-imports

  包，参见Vitesse模板
• 为了加快加载时间？无论你是否有全局组件，Vite 都会以最佳方式打包它 - 我希望 Vite 能够猜测全局组件本身并打包到 common-things.js 中

https://vuejs.org/guide/components/registration.html#local-registration
全局注册可防止构建系统删除未使用的组件（也称为“tree-shaking”）。如果您全局注册一个组件但最终没有在应用程序中的任何位置使用它，它仍将包含在最终包中。

因此，我建议 unplugin-vue-components 使组件“全局”，而不是实际使它们全局化