在 Vue 中,每个组件只导入所需的组件是个好主意吗?



我想知道只导入每个组件所需的依赖项是否有利于 Vue 的性能,或者是否应该全局加载某些组件中使用的所有依赖项?Vue 如何编译组件?是加载应用程序的一个页面时无论如何都会加载所有这些组件,还是在旅途中加载组件?

更具体:

这样做更好吗:

<template>
... Some template code
</template>
<script>
import { MdDialog, MdContent, MdButton } from 'vue-material/dist/components'
export default {
...
}
</script>

还是在app.js中全局导入这些东西更好,即使某些组件仅使用其中的一小部分?

这应该是一个偏好问题。

它不会对性能产生明显影响,因为生成过程会处理这些多个导入。

如果您选择在本地导入,您将看到内容的来源...否则,在较大的代码库上,可能会导致很多混乱。

另一件事是,如果您决定进行异步组件导入。如果导入仅在动态导入的组件中使用,它们应该附带它的块,否则如果它们被导入到多个组件中,本地导入将意味着代码重复......

我希望我有帮助。

最新更新