Vue学习Day04-Vue中组件(实例)的生命周期以及钩子函数(hook function)

以下是学习笔记:

　　1.生命周期的3个阶段;

　　2.8个钩子函数,2个最常用:

　　①[此时已完成双向数据绑定]created(),可以在函数中操作data中数据

　　②[此时DOM已在页面渲染完成]mounted(),可以在函数中对DOM进行操作

　　3.几个注意点:

　　①当数据更新后,beforeUpdate和updated()都会触发,两个函数中拿到的数据都是已经变化的,区别在于beforeUpdate中DOM还未完成更新(比如innerHTML),而updated中更新完成

　　②vm.$destory()方法执行后[Vue会自己清理数据绑定,事件绑定等],beforeDestory()和destoryed()才会被处罚,需要注意的在destory()中,开发人员往往需要手动清理自己创建的定时器,DOM节点等

　　4.组件生命周期的学习才刚开始,后续仍要继续加强理解