Vue生命周期详解
Vue所有的生命周期钩子自动绑定在this上下文到实例中,因此你可以访问数据,对属性和方法进行运算。这意味着你不能使用箭头函数来定义一个生命周期方法。这是因为箭头函数绑定了父上下文,因此this与你期待的Vue实例不同。 1、beforeCreate 在实例初始化之后,数据观测和event/watcher时间配置之前被调用。
2、created 实例已经创建完成之后被调用。在这一步,实例已经完成以下的配置:数据观测,属性和方法的运算,watch/event事件回调。然而,挂载阶段还没开始,$el属性目前不可见。
3、beforeMount 在挂载开始之前被调用:相关的render函数首次被调用。 该钩子在服务器端渲染期间不被调用。
4、mounted el被新创建的vm.$el替换,并挂在到实例上去之后调用该钩子函数。如果root实例挂载了一个文档内元素,当mounted被调用时vm.$el也在文档内。 该钩子在服务端渲染期间不被调用。
5、beforeUpdate 数据更新时调用,发生在虚拟DOM重新渲染和打补丁之前。 你可以在这个钩子中进一步第更改状态,这不会触发附加的重渲染过程。 该钩子在服务端渲染期间不被调用。
6、updated 由于数据更改导致的虚拟DOM重新渲染和打补丁,在这之后会调用该钩子。 当这个钩子被调用时,组件DOM已经更新,所以你现在可以执行依赖于DOM的操作。然而在大多数情况下,你应该避免在此期间更改状态,因为这可能会导致更新无限循环。 该钩子在服务端渲染期间不被调用。
7、activated keep-alive组件激活时调用。 该钩子在服务器端渲染期间不被调用。
8、deactivated keep-alive组件停用时调用。 该钩子在服务端渲染期间不被调用。
9、beforeDestroy 【类似于React生命周期的componentWillUnmount】 实例销毁之间调用。在这一步,实例仍然完全可用。 该钩子在服务端渲染期间不被调用。
10、destroyed Vue实例销毁后调用。调用后,Vue实例指示的所有东西都会解绑定,所有的事件监听器会被移除,所有的子实例也会被销毁。 该钩子在服务端渲染不会被调用。
最新文章
- 【BZOJ】4001: [TJOI2015]概率论
- @Html.Raw显示一张图片
- MySQL 5.7 解压版安装配置
- 过滤emoji表情
- Python3基础 把一个列表中内容给另外一个列表,形成两个独立的列表
- 对于C#中的一些点滴你真的理解了吗?
- uva11059
- Codeforces Round #137 (Div. 2)
- php用户验证代码的简单例子
- 跨域调用webservice
- python 常用方法
- SNMP mib文件说明
- SpringCloud学习笔记:熔断器Hystrix(5)
- 剑指offer【01】- 二维数组中的查找(Java)
- Mysql操作日志
- hdu2138 Miller_Rabin
- 【HowTo ML】分类问题-&;gt;神经网络入门
- ubuntu 刚更改默认python3版本后更新包等
- 个人MySQL股票数据库的建立日记
- centos6.5 挂载远程目录
热门文章
- C++ 初读迭代器
- C# 使用默认浏览器打开链接
- iOS报错:linker command failed with exit code 1 (use -v to see invocation) 问题解决方式之一
- websocket与ajax的区别浅析
- Springboot 2.x 无法读取yml配置值的问题:Could not resolve placeholder xxx value '${xxx}'
- ios开发中的深拷贝和浅拷贝
- js将一篇文章中多个连续的<;br>;标签替换成两个连续的<;br>;标签
- NOIP2017感悟
- RCNN论文细节
- 错误提示:Dynamic Performance Tables not accessible, Automatic Statistics Disabled for this session You can disable statistics in the preference menu,or obtanin select priviliges on the v$session,v$sess