在 VueJS 2.0 中导入组件的最佳实践答案

【问题标题】：Best practice to import components in VueJS 2.0在 VueJS 2.0 中导入组件的最佳实践
【发布时间】：2018-03-22 19:11:23
【问题描述】：

我是 VueJs 的新手。

我有一个关于在 A Vue 模板项目中导入组件的最佳实践的问题。我在某些视图中使用了一些组件。然后我下载了一个管理模板，示例总是在视图中导入组件。包含 Vue 声明。所以我认为作为全局组件导入可能会更好。但我不知道它是否有优势或不便（关于速度或重量）。然后我的问题是关于它的。哪个是最佳实践？到项目工作正常。

谢谢

【问题讨论】：

标签： javascript vue.js vuejs2 components

【解决方案1】：

我相信您的问题是是否在全局、new Vue({})/main.js 页面中或根据需要在本地导入组件。对吗？

根据需要导入它们会减少包大小，但如果您经常重用一个组件，那么可能会在全局范围内导入该组件。

我的主要考虑是我是否需要从this.$options.components 访问信息（只会返回本地注册的信息）。

【讨论】：

【解决方案2】：

到目前为止，将组件导入 vue.js 的最佳方法是

import Test from './Test.vue';

【讨论】：

感谢您的快速回复，但我怀疑在哪里导入更好。如果作为全局组件导入，则只导入一次。或者，如果每次我想使用它时更好地导入。
这很重要，因为在一天结束时它将被编译成一个文件希望每次用户访问您的应用程序时都会提供服务，因此无论您是全局导入它还是每次您想使用它母亲