关于Vue生命周期详解
5星 · 超过95%的资源 需积分: 50 177 浏览量
2020-10-29
08:20:21
上传
评论 1
收藏 13KB DOCX 举报 
vue 生命周期
new Vue() 初始化事件和生命周期
|
beforeCreate
| 进行数据观测，porperty，方法运算
Created 完成了数据挂载和事件的绑定，这时可以获取数据和操作数据，
不触发其他钩子函数
| 判断是否有 el 选项，有继续编译没有停止编译（停止生命周期），直到在这
实 例上调用 vm.$mount(el)动态引入 el。
beforeMount
| 将虚拟 dom 放到 render 函数中准备渲染，在渲染前可以进行最后一次数据更
改而不出发其他钩子函数。
mounted 函数中的时候挂载已完成，所以挂载元素中显示的是 message 的值。
|
beforeUpdate
| 当 vue 发现 data 中的数据发生变化，会触发对对应组件的重新渲染，当数据
改变后调用 beforeupdata，当渲染完成后调用 updated 钩子函数。
beforeDestroy
beforeDestroy 钩子函数在实例销毁之前调用。在这一步实例仍然可用。
| destroyed 钩子函数在 Vue 实例销毁后调用。调用后，Vue 实例指示的所有东
西都会解绑定，所有的事件监听器会被移除，所有的子实例也会被销毁。
destroyed
评论1
最新资源