内部组件开发

引用

1. npm安装依赖库

在终端中输入以下代码安装依赖。

// 安装#后面的指定tag号，不加#则默认安装最新master代码
npm i "git+http://xxx/web-component/vue3-component-common#v0.1"

tag号可在仓库查看，或由开发人员通知

2.全局引入chance组件

main.js中import引入，并全局注册组件

import ChUi from 'chance-ui'

app.use(ChUi)

3.使用组件

• 进入仓库查看组件名称 http://xxx/web-component/vue3-component-common
• 组件使用文档（待添加）

开发

1.开发仓库

http://xxx/web-component/vue3-component-common

2.开发文件

• src文件为调试代码区（可正常npm run dev运行）
• packages文件为暴露组件代码区，通过index.js整体export出去。开发规范请参照button示例组件。
• 组件API在type文件（待添加）

组件开发规范

1. 单一原则：负责单一的页面渲染
2. 多重职责：负责多重职责，获取数据，复用逻辑，页面渲染等
3. 明确接受参数：必选，非必选
4. 可扩展：需求变动能够及时调整，不影响之前代码
5. 高性能:代码逻辑精简
6. 低耦合：组件内部代码不考虑外部的场景，变化的部分以参数的形式获取
7. ...