Question

我想知道仅在每个组件中导入必要的依赖项对Vue的性能是否有益，还是仅应全局加载某些组件中使用的所有依赖项？ Vue如何编译组件？是在加载应用程序的一页时还是全部加载了这些文件，还是组件也在旅途中加载？

更具体：

这样做更好吗？

<template>
    ... Some template code
</template>

<script>
    import { MdDialog, MdContent, MdButton } from 'vue-material/dist/components'

    export default {
        ...
    }
</script>

还是最好将这些内容全局导入app.js中，即使某些组件仅使用其中的一部分？

Answer 1

这应该是一个优先事项。

由于构建过程可以处理这些多次导入，因此不会对性能产生明显影响。

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

另一件事是，如果您决定进行异步组件导入。如果仅在动态导入的组件中使用导入，则应随其块一起添加，否则，如果将它们导入多个组件中，则本地导入将意味着代码重复...

我希望我能帮上忙。

在Vue中最好只导入每个组件所需的组件

1 个答案: