element-ui 语义化作的太好了,命名与功能对应的很是贴切vue
npm install
npm run dev
复制代码
以el-dialog组件为例: 组件el-dialog的文档demo,element\examples\docs\zh-CN\dialog.md
组件源码:element-dev\packages\dialog\src\component.vue
npm
想阅读Element-UI 各个组件的方式来提升本身对vue api和高阶组件的掌握程度; 抽丝剥茧,逐渐深刻; 先从简单的组件开始吧,布局组件没有任何事件;element-ui
在阅读element-ui源码的过程当中发现,在复杂的组件中类、函数、mixins
、provide inject
、抽象的工具类均有使用,一个组件关联的文件太多了,以我如今的文笔实在写不清楚,只好暂时总结下在阅读中发现的一些有趣的点,以自问自答的形式记录下来;api
在看几个了复杂组件后,对element-ui组件的基本组织结构有了大致上的认知,总算造成了有结构的文字;ide
PS:看了黄轶老师的element-ui技术解密,本身也试着理解element-ui,把软件里的笔记整理一下;函数
全局组件message
post
管理弹窗组件的工具类Popup
,结合组件el-dialg
ui