vue.js|vue.js 生命周期函数（五） vue.js|学习笔记

每个vue 实例在被创建时都要经过一系列的初始化过程，例如设置数据监听，编译模板，将实例挂载到DOM并在数据变换时自动更新DOM邓。同时在这过程中会运行一些叫生命周期钩子的函数。
这些函数在vue 实例中以属性 : 函数的形式定义。
常用函数：

//在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用。 beforeCreate:function(){ console.log('beforeCreate'); }, /* 在实例创建完成后被立即调用。在这一步，实例已完成以下的配置：数据观测 (data observer)，属性和方法的运算，watch/event 事件回调。然而，挂载阶段还没开始，$el 属性目前不可见。 */ created :function(){ console.log('created'); }, //在挂载开始之前被调用：相关的渲染函数首次被调用 beforeMount : function(){ console.log('beforeMount'); }, //el 被新创建的 vm.$el 替换, 挂载成功 mounted : function(){ console.log('mounted'); }, //数据更新时调用 beforeUpdate : function(){ console.log('beforeUpdate'); }, //组件 DOM 已经更新, 组件更新完毕 updated : function(){ console.log('updated'); }

【vue.js|vue.js 生命周期函数（五）】定义生命周期函数时不要使用箭头函数，不然在箭头函数中使用this的作用域与你预想的作用域不一样。