2、组件的定义

入手开发一个框架之前，我们首先要思考为什么我们需要组件化，怎样做组件化？

为什么我们需要组件化

回答这个问题之前，我们先来思考一个问题，jquery做了件什么事，为什么现在那么多人“不喜欢”了，在当前这个SPA横行的时代，先写html然后用jquery选择元素绑定事件的模式已经不能满足当下需求了，我们需要将页面上的元素进行分割，划分成一个个独立的单元，进行分工合作，这就要求单元与单元之间松耦合。 我们知道，对于一个页面元素来说，它包括自己本身dom结构，包括样式，包括作用在自己身上的样式，但仅仅是这样来划分组件是不够的（jquery已经可以达到了），思考一个例子，页面中有一个下拉框的元素，弹出层的dom节点是放在body上的， 它已经不能用一个dom结构来表示一个组件了，再说到事件，需要点击页面上的任意位置都要把下拉框收起，至少包含一个监听body的点击事件的处理吧，所以，我们需要一个结构来管理这些内容

什么是组件化

综上所述，我们把页面上的一个元素，以及相关的样式、事件、数据等封装起来的数据结构称为组件

怎么做组件化

了解了什么是组件，组件其实就是一个数据结构，我们只需要封装好一个类，这个类中包括dom、事件、样式、数据就可以了