Vue中组件化和模块化的区别

杜小姐-

于 2021-08-21 15:54:15 发布

阅读量2.4k

点赞数 2

分类专栏：前端 vue 文章标签： vue 前端

本文链接：https://blog.csdn.net/tianxingege_/article/details/119839781

版权

本文探讨Vue中组件和模块化的概念。组件是用于划分功能的UI单元，便于重用；而模块化则侧重于代码逻辑的划分，确保功能模块职责明确。文章列举了全局组件定义的三种方式，并指出组件的template应有唯一根元素，实践中推荐使用第三种方法。

摘要由CSDN通过智能技术生成

组件的出现，就是为了拆分Vue实列的代码里的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可。

模块化：是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个每个功能模块的职能一致。
组件化：是从UI界面的角度进行规划；前端的组件化，方便UI组件的重用。

第一种

 <div id="app">
        <!-- 如果要使用组件，直接把组件的名称，以HTML标签形式，引入到页面中即可 -->
    <</

关注

专栏目录