关于vue一些小知识点
2019-01-17 15:59 ahuaa 阅读(146) 评论(0) 编辑 收藏 举报vue的生命周期
生命周期：一个组件从创建到销毁的这个过程。分为以下生命周期钩子函数：
beforeCreate:创建前 vue实例创建的时候会执行这个生命周期钩子函数，它用来做初始化的作用，在这个生命周期函数里可以做加载动画loading。
created：创建后 当beforeCreate执行完毕后就会执行当前生命周期函数，会将data和methods里面所有的方法和属性遍历挂载在vue的实例身上，同时会给data中的每个属性添加一个getter和setter方法。可以在这个生命周期函数里进行ajax的数据请求。
beforeMount:挂载前 数据和模板还没有进行相结合，template里面的DOM结构还是虚拟的DOM结构。
mounted:挂载后 数据和模板进行相结合，生成真正的DOM结构，可以通过$refs获取真实的DOM结构
beforeUpdate:更新前 当data中的数据发生了改变的时候，就会执行当前生命周期函数，可以进行data数据最后的修改，在这里访问到的DOM结构是更新后的DOM结构
updated:更新后 更新后的数据和模板进行相结合，生成最终的DOM树结构，在这个生命周期函数里面可以获取到数据更新后最新的DOM结构，检测数据是否更新
activated:当组件处于活跃状态的时候触发
deactivated:缓存状态时触发
beforeDestroy:销毁前 在这个生命周期函数里还是可以访问到真实的DOM结构和相应的数据的，在当前生命周期函数里可以做事件的解绑，移除监听等操作。
destroyed：销毁后 在这个生命周期函数里断开了vue和DOM之间的关联，可以访问到数据，但是访问不到真实的DOM结构
