vue生命周期

created

mounted

检查数据

注2

注1

beforeCreate

beforeDestroy

是

卸载所有事件监听器，子组件和数据监视器

updated

当vm.$destroy()被调用的时候

vue的生命周期图

把el的html内容当做为template来渲染

初始化事件

注3

当数据变化的时候

destroyed

注5

beforeUpdate

否

创建el部件，并替换到DOM里的el中去

虚拟DOM重新渲染然后再挂载

部件生成

注4

特别说明： 注1. 这种框里的表示为vue的生命周期里的钩子方法，可以供我们调用 ；注2. 实例化的vue组件是需要挂载在真实dom元素上的。这里el是指我们挂载的dom元素的id选项；注3. vue组件是有个templa选项可以自定义vue的内容，可以写也可以不写；注4. vm.$mount()是用于把组件挂载到具体的DOM节点上的方法；注5. vm.$destroy()是用于把组件销毁的操作。组件会由系统或者手动来销毁。

当vm.$mount(el)被调用再挂载到DOM节点

把template里的内容编译进render函数里

是否有\"template\"选项？

新vue实例

是否有\"el\"选项？

部件销毁