Question

怎么学习Element-ui的源码

Answer 1

平常一直在用element的组件. 去github上看下了,就是想系统的学习一下写这种ui组件库是怎样的一个过程.(平常一直在使用es6和vue2.0)

1. 先看老版本。两个好处：一是老版本功能少点，便于学习。二是在你觉得看的差不多的时候，可以看看新版本增加了哪些功能，然后自己来实现。

2. 2.先看js，把所有的js看完，再看css。

3. 3.从简单的组件开始看。在看简单的组件之前应该会有自己对这个组件的理解，比如从button开始看，会觉得button不就是emit一下click事件吗，然后你再看他是怎么做的，除了你看之前就猜到的emit click事件以外还做了些什么。总之就是带着一点点思考看。

4. 4.故意找茬。比如发现inputnumber这个组件用了input组件，而且还支持prepend和append的slot，那么你看看加上append之后会显示成什么样子。

5. 5.记录下你在源码里读到的，并且官方文档里面没有提及的功能。