1.构造器(实例化)

　var vm = new Vue({　

　　　//选项

　　　|-------DOM

　　　|  　　　　|-------el (提供一个在页面上已存在的 DOM 元素作为 Vue 实例的挂载目标。)

　　　|  　　　　|-------template (一个字符串模板作为 Vue 实例的标识使用。模板将会 替换 挂载的元素。挂载元素的内容都将被忽略，除非模板的内容有分发 slot。)

　　　|  　　　　|-------render (字符串模板的代替方案，允许你发挥 JavaScript 最大的编程能力。)

　　　|-------数据

　　　|  　　　　|-------data    (Vue实例的数据对象。Vue 将会递归将 data 的属性转换为 getter/setter，从而让 data 的属性能够响应数据变化)

　　　|  　　　　|-------props　(可以是数组或对象，用于接收来自父组件的数据。)

　　　|  　　　　|-------propsData (创建实例时传递 props。主要作用是方便测试。)

　　　|  　　　　|-------computed (计算属性将被混入到 Vue 实例中。所有 getter 和 setter 的 this 上下文自动地绑定为 Vue 实例)

　　　|  　　　　|-------methods (methods 将被混入到 Vue 实例中。可以直接通过 VM 实例访问这些方法，或者在指令表达式中使用。方法中的 this 自动绑定为 Vue 实例。)

　　　|  　　　　|-------watch (一个对象，键是需要观察的表达式，值是对应回调函数。)

　　　|-------生命周期钩子

　　　|  　　　　|-------beforeCreate(在实例初始化之后，数据观测(data observer) 和 event/watcher 事件配置之前被调用。)

　　　|  　　　　|-------create(实例已经创建完成之后被调用。在这一步，实例已完成以下的配置：数据观测(data observer)，属性和方法的运算， watch/event 事件回调。然而，挂载阶段还没开始，$el 属性目前不可见)

　　　|  　　　　|-------beforeMount(在挂载开始之前被调用：相关的 render 函数首次被调用。)

　　　|  　　　　|-------mounted(el 被新创建的 vm.$el 替换，并挂载到实例上去之后调用该钩子。)

　　　|  　　　　|-------beforeUpdate(数据更新时调用，发生在虚拟 DOM 重新渲染和打补丁之前。你可以在这个钩子中进一步地更改状态，这不会触发附加的重渲染过程。)

　　　|  　　　　|-------updated(由于数据更改导致的虚拟 DOM 重新渲染和打补丁，在这之后会调用该钩子。当这个钩子被调用时，组件 DOM 已经更新，所以你现在可以执行依赖于 DOM 的操作。)

　　　|  　　　　|-------activated(keep-alive 组件激活时调用。)

　　　|  　　　　|-------deactivated(keep-alive 组件停用时调用。)

　　　|  　　　　|-------beforeDestroy(实例销毁之前调用。在这一步，实例仍然完全可用。)

　　　|  　　　　|-------destroyed(Vue 实例销毁后调用。调用后，Vue 实例指示的所有东西都会解绑定，所有的事件监听器会被移除，所有的子实例也会被销毁。)

　　　|-------资源

　　　|  　　　　|-------directives(包含 Vue 实例可用指令的哈希表。)

　　　|  　　　　|-------filters(包含 Vue 实例可用过滤器的哈希表。)

　　　|  　　　　|-------components(包含 Vue 实例可用组件的哈希表。)

　　　|-------杂项

　　　|  　　　　|-------parent

　　　|  　　　　|-------mixins

　　　|  　　　　|-------name

　　　|  　　　　|-------extends

　　　|  　　　　|-------delimiters

　　　|  　　　　|-------functional

　})

   扩展Vue构造器：可以扩展 Vue 构造器，从而用预定义选项创建可复用的组件构造器：

　var MyComponent = Vue.extend({

　}) 

2.属性与方法

　　1.实例属性

　　vm.$data

　　vm.$el

　　vm.$options

　　vm.$parent

　　vm.$root

　　vm.$children

　　vm.$slots

　　vm.$scopedSlots

　　vm.$refs

　　vm.$isServer

　　2.实例方法/数据

　　　　vm.$watch

　　　　vm.$set

　　　　vm.$delete

　　3.实例方法/事件

　　　　vm.$on

　　　　vm.$once

　　　　vm.$off

　　　　vm.$emit

　　4.实例方法/生命周期

　　　　vm.$mount

　　　　vm.$forceUpdate

　　　　vm.$nextTick

　　　　vm.$destroy

3.全局API

　　　　Vue.extend　------使用基础 Vue 构造器，创建一个“子类”。参数是一个包含组件选项的对象。

　　　　Vue.nextTick ------在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。

　　　　Vue.set          ------设置对象的属性。如果对象是响应式的，确保属性被创建后也是响应式的，同时触发视图更新。这个方法主要用于避开 Vue 不能检测属性被添加的限制。

　　　　Vue.delete     ------删除对象的属性。如果对象是响应式的，确保删除能触发更新视图。这个方法主要用于避开 Vue 不能检测到属性被删除的限制，但是你应该很少会使用它。

　　　　Vue.directive  ------注册或获取全局指令。

　　　　Vue.filter        ------注册或获取全局过滤器。

　　　　Vue.component----注册或获取全局组件。注册还会自动使用给定的id设置组件的名称

　　　　Vue.use         ------安装 Vue.js 插件。

　　　　Vue.mixin　　------全局注册一个混合，影响注册之后所有创建的每个 Vue 实例。

　　　　Vue.compile  ------在render函数中编译模板字符串。只在独立构建时有效

vue学习笔记（四）——Vue实例以及生命周期