我想知道只导入每个组件所需的依赖项是否有利于 Vue 的性能,或者是否应该全局加载某些组件中使用的所有依赖项?Vue 如何编译组件?是加载应用程序的一个页面时无论如何都会加载所有这些组件,还是在旅途中加载组件?
更具体:
这样做更好吗:
<template>
... Some template code
</template>
<script>
import { MdDialog, MdContent, MdButton } from 'vue-material/dist/components'
export default {
...
}
</script>
还是在app.js
中全局导入这些东西更好,即使某些组件仅使用其中的一小部分?
这应该是一个偏好问题。
它不会对性能产生明显影响,因为生成过程会处理这些多个导入。
如果您选择在本地导入,您将看到内容的来源...否则,在较大的代码库上,可能会导致很多混乱。
另一件事是,如果您决定进行异步组件导入。如果导入仅在动态导入的组件中使用,它们应该附带它的块,否则如果它们被导入到多个组件中,本地导入将意味着代码重复......
我希望我有帮助。