Vue 项目中的 views 和 components 文件夹有什么区别?
回答·14
最热
最新
- 第一,从技术角度来讲,没有本质区别,你甚至可以吧这两个文件夹换个名字。 第二,从架构角度来讲,这两个有本质区别。 components 是小组件 containers 是容器级组件 views 是页面级组件 这样区分,会让你整合代码结构项目结构非常清晰,而且便于理解。这就叫分类。 下图是我实际项目上的目录结构,可以很清晰的看出区别。仅供参考。
- components 是小组件,views 是页面级组件,小组件可以被引用到 views 中,而 views 不被复用
- views 代表视图文件夹,因为对 Vue 框架本身来说每一个单文件都是一个自定义组件,所以我们会人为的用关键字来区分那个组件是在路由中作为视图容器存在的,哪个组件是页面绘制过程中拆分出来的视图部分内容组件,或者是功能组件,这些通过开发过程中人为定义的组件一般会放到 components 文件夹中,这个是开发中通过业务和经验总结的一个结果并不是一个框架的规则。
- 问就是名字区别,你换个名字一样可以放相同的文件。名字只是为了方便你自己区别分类。
- views 我一般当成 pages components 一般用来放一些自己封装的公用的业务组件。
- 没有太大区别,只是为了代码结构清晰,约定俗成的规范,一般 views 中存放路由组件,components 放常规组件和全局组件
- 文件夹名字不同的区别
- 这些其实都是依据团队规范制定的非强约束目录规范。 views 一般存放的都是路由级的页面,当然也可以在里面存放路由级页面用到的一些局部组件,如果使用 nuxt 或者 umi 这种,可能还会存在根据目录结构给你生成对应路由 Map 的情况。 components 就没必要解释啥了,对应的译名就足以说明他是存放公共组件的。
- 我一般习惯用 pages 和 components,这样看区别就很明显了吧
- 5 年工作经验 问这个问题 感觉直接可以走了