Vue生命周期

Vue生命周期 Vue生命周期是Vue实例对象从产生到消亡经历的各个阶段； 一个Vue实例对象在使用的过程中可以分为三个阶段：创建、运行、消亡。 一，创建 创建过程的生命周期函数有四个 beforeCreate：Vue实例对象已经创建完成，但是所有的数据尚未初始化，比如data、el、methods都没有； created：el没有被创建，data和methods已经创建好，这里适合去做data的数据初始化操作，比如：从服务器获得相应的数据； beforeMount：el、data和methods已经创建好，此时的el被Vue获取到，但是还没有被渲染（未被解析），此时的Vue实例被称为Virtual DOM(虚拟容器)； 在created和beforeMount之间有几个情况发生，判断是否有el，如果没有el则会停止编译，我们可以通过vm.$mount（）创建el或者去修改写过的代码，增加el，如果有el，继续往下进行，判断此时是否存在template，如果渲染template的内容，没有才会渲染el；从这可以看出template的优先级高于el mounted：el选中的容器也被渲染完毕， 二，运行 运行期间的生命周期函数（只有页面的数据更新才会被触发） beforeUpdate：根据最新的数据渲染页面，此时的数据更新了，但是页面还是原来的页面，还没有被更新 Updated：页面和数据都已经更新完成， 页面每次更新都会触发这两个函数

三，销毁 销毁期间的生命周期函数 beforeDestroy：销毁之前的函数，Vue实例还存在，还能使用 Destroyed：销毁之后的函数，Vue实例已经不存在，相应的也就不会再工作 相关文章 https://segmentfault.com/a/1190000011381906 vue.js 2.x 官网-国内 或 vue.js2.X 官网-国外