整体总结：

var vm = new Vue({
      el: '#app',    // 控制区域
      data: { },    // 定义数据
      methods: { },    // 定义事件方法
      filters: { },    // 定义私有的过滤器
      directives: { },    // 定义私有的指令
      components: { },    // 定义实例内部私有的组件
	  watch:{ },    // 监听值的变化，然后执行相对应的函数（或者步骤）

      beforeCreate() { },    // 实例刚在内存中被创建出来，还没初始化好 data 和 methods 属性之前调用此函数
      created() { },    // 实例已经在内存中创建完成，此时 data 和 methods 属性初始化完成，页面（HTML）加载完成之前（未开始编译模板）调用此函数。执行顺序：父组件 -> 子组件
      beforeMount() { },    // 此时已经完成了模板的编译，但是还没有挂载到页面中，在挂载开始之前调用此函数
      mounted() { },    // 此时已经将编译好的模板，挂载到了页面指定的容器中显示。页面（HTML）加载完成之后调用此函数。执行顺序：子组件 -> 父组件
      beforeUpdate() { },    // 状态更新之前调用此函数，此时 data 中的状态值是最新的，但是界面上显示的数据还是旧的，因为此时还没有开始重新渲染 DOM 节点
      updated() { },    // 状态更新完成之后调用此函数，此时 data 中的状态值和界面上显示的数据，都已经完成了更新，界面已经被重新渲染好了
      beforeDestroy() { },    // 实例销毁之前调用此函数。在这一步，实例仍然完全可用
      destroyed() { },    // 实例销毁后调用此函数。该钩子被调用后，对应 Vue 实例的所有指令都被解绑，所有的事件监听器被移除，所有的子实例也都被销毁
    })

具体内容：