在了解 Element 源码架构 的基础上，接下来我们基于 element-ui 为团队打造自己的组件库

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

1.很多教程建议将src改成examples,但是这个和组件关系不太大,我个人觉得没必要改。在src文件夹下新建一个packages文件夹(装自己组件的文件夹)，下图示例 不放心的话可以在本地试试，在mian.js中导入 然后vue.use(xxx),不出意外的话是成功的哈。。…

当我们去实现一个组件库的时候，并不会一上来就撸码，而是把它当做产品一样，思考一下我们的组件库的需求。那么对于 element-ui，除了基于 Vue.js 技术栈开发组件，它还有哪些方面的需求呢。 丰富的 feature：丰富的组件，自定义主题，国际化。 文档 & demo：提…

之前分析过了 element-ui 的项目(自建vue组件 air-ui (2) -- 先分析一下 element ui 项目)，包括目录结构，构建以及项目开发的整体思路，今天打算还是以 element-ui这个项目的源码为主，我们来聊一聊开发一个ui组件的时候，我们应该怎么设…