1)beforeCreat
组件实例将要被创建,这个时候可以加载一个动画效果。
2)created
组件实例被创建之后,可以访问到实例中data属性和methods方法,但是没有被渲染,所以无法操作DOM,$el是undefined。这时候可以向服务器发起请求
3)beforeMount
组件实例将要被挂载但是还没有挂载,页面未显示,在开发中一般很少用。
4)mounted
组件实例被挂载,页面已经被渲染,页面显示,可以操作DOM。此时也可以向服务器发送请求
5)beforeUpdate
组件将要更新
6)updated
组件更新之后,可以操作DOM
注意:
data数据发生变化,就会触发updated钩子函数,进行页面渲染,引起视图变化。由于触发频率很高,我们很少操作,即使操作,也要保证内部方法轻量级。
7)beforeDestroy
组件将要销毁
8)destroyed
组件已经被销毁,经常在该时机移出耗时操作,比如计时器等
相关文章
- Vue的钩子函数是什么意思?Vue都有哪些钩子函数?
- 对Vue生命周期钩子函数的理解
- Vue组件生命周期深度剖析:从创建到销毁的八大钩子实战指南
- vue生命周期的理解
- opengl中对glOrtho()函数的理解
- Vue生命周期钩子函数(详细整理)
- 理解vue中mounted生命周期函数一定会拿到挂载的DOM
- 对C语言随机数函数rand的一些理解
- 后端开发者的Vue学习之路(一) 后端开发者的Vue学习之路(一) 目录前言:iview组件库示例element组件库示例Vue的介绍学习Vue需要的前置知识:MVVM模型补充:安装/导入导入Vue安装两种方式的区别:HelloWorld示例代码分析:代码效果:实例中可以定义的内容定义数据定义方法methods生命周期与生命周期钩子函数补充:渲染插入文本v-textv-html用v-bind绑定属性:v-bind的简写把对象的所有属性绑定到元素:条
- 在vue中对keep-alive的理解,它是如何实现的,具体缓存的是什么?