Vue组件化 （分析 Vue2.5 源码）

• Vue 另一个核心思想就是组件化。到底什么是组件化 ？
• 就是把页面拆分成多个组件(component)， 每个组件依赖的 CSS，JavaScript、template、图片等资源放在一起开发和维护。这样组件就是独立资源的，组件在系统内部可以复用，组件之前可以嵌套。

而在 Vue 开发实际项目中，就像在搭积木一样，编写一堆组件并把这些组件拼装成页面。而 Vue 的官网中，花了很多内容来介绍组件，如果编写组件以及组件拥有的属性和特性。

先看一下 Vue-cli 初始化的代码例子，分析一下 Vue 组件初始化的一个过程。

  import Vue from 'vue'
  import App from './App'

  new Vue({
    el: '#app',
    // 这里的 h 就是 createElement 方法
    render (h) {
      return h(App)
    }
  })

• 上面 createElement 方法之前的写过 createElement 创建一个标签时候的分析，接下来分析一下 createElement 是怎么创建组件的。