Skip to content
On this page

组件的介绍和使用

文中涉及到的组件均为拥有可复用场景的组件

组件划分

从组件的使用场景和设计角度出发,可将其大致划分为基础组件业务组件

基础组件主要指那些本身不包含任何业务逻辑、可以被轻松复用的组件,例如 picker、timepicker、toast、dialog、tree 等等

业务组件主要指那些包含实际业务场景逻辑,也可能会包括一些与后端接口通讯的方法,比如各类型的物料选择器,添加/移除某个元素身上标签的标签管理器

目录管理

组件的目录结构如下

common目录管理全局注册的组件,在index.ts里进行注册

material目录管理物料选择相关组件

其他全局功能组件直接放在components目录下,建议按功能场景进行合理划分

WARNING

模块内单独使用的组件,由模块内部自行管理,不需要放在@/views/components下

├── components
│   ├── common 
│   ├── material
│   ├── ...