vue生命周期钩子
2020-03-05 08:21
791 查看
生命函数的介绍
Vue 实例从开始创建、初始化数据、编译模板、挂载Dom和渲染、更新和渲染、卸载等一系列过程,这是 Vue 的生命周期
生命函数的一一讲解
beforeCreate
实例还没有完全创建出来之前执行
created
实例创建完成后立即调用
beforeMount
在挂载之前被调用
mounted
表示内存的模板已经渲染页面中,此时数据已经可以经过Vue的编译
beforeUpdate
当页面数据发生了改变,就会去触发,当前页面的数据不会改变,内存的数据发生改变,数据没有同步
updated
当事件执行的时候,页面的数据已经和内存里面的是一致的,数据已经同步
beforeDestroy
组件销毁的时候去执行的
destroyed
事件执行后,所有的对于vue实例的指令都被解绑,所有的事件监听器被移除,所有的子实例也都被销毁。
- 点赞 1
- 收藏
- 分享
- 文章举报
相关文章推荐
- 详解Vue的钩子函数(路由导航守卫、keep-alive、生命周期钩子)
- vue生命周期钩子函数
- Vue生命周期钩子
- vue的生命周期钩子函数
- vue 生命周期钩子函数
- 详解Vue的钩子函数(路由导航守卫、keep-alive、生命周期钩子)
- vue2.0项目实战(4)生命周期和钩子函数详解
- Vue生命周期的八个钩子
- vue生命周期及钩子函数理解
- VUE之生命周期钩子
- 从源码上来看,Vue对象的每个生命周期钩子前都干了什么?
- Vue小知识3.生命周期钩子
- Vue实例的生命周期钩子函数
- Vue.js 系列教程 3:Vue-cli,生命周期钩子
- VUE生命周期中的钩子函数
- vue.js生命周期钩子详解
- vue实例生命周期钩子
- vue生命周期钩子和计算属性
- Vue生命周期钩子
- Vue第四天 vue生命周期钩子