企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
项目主要注重快速高效的开发,在前后端分离带来的工作量下,尽量增加前端的可复用性来减少后期的大量工作。 复用不等于复制,但在一定程度上,要利用好复制 公共组件是不可复制的,而且与外界无关,它是复用的。 但公共组件所暴露出的数据,事件,在父组件中会与其它组件混淆。通过组件混入配套方案,可以通过复制混入文件,实现更多场景应用,达到快速编码的目的。 - 同一个页面,可能会引用多个公共组件,这样会有以下几个问题: 1.data数据混淆 2.事件混淆 3.同一生命周期,方法等内部可能执行为不同组件服务的方法 4.更多 - 如果要处理以上问题,可以将服务于单个公共组件的数据,事件,方法,生命周期等写入混入文件独立开,但必须要解决以下几个问题: 1.父组件中同一接口可能多个组件共享 2.同一方法可能多个组件共享 3.同一状态可能多组件共享 4.同一data,props等可能多组件共享 等 所以必须加以规范,之后可直接复制该混入文件,直接使用。 1. 混入文件只为单个(包括嵌套)组件服务 2. 混入文件名称与所服务组件命名一致 3. data内只包含所服务组件的数据 4. 只处理所服务组件的事件,方法 5. 不调用页面组件的方法(如果页面组件中多个组件使用相同的方法,每个混入文件会自动覆盖) 6. 每个混入文件可单独调用接口,行为与页面组件一致 7. 页面可通过调用混入文件中的方法进行传参 8. 混入文件是专为某个组件服务的,功能与页面组件一样,但可随时复制到新位置且可正常运行。 ![](https://img.kancloud.cn/69/da/69daffeca13d2768892d86781f558f07_1287x664.png)