论坛 › 其他技术 › 【LSP】VueDay12Vue的生命周期

村长 发表于 2020-12-5 22:22:02

【LSP】VueDay12Vue的生命周期

http://cdn.u1.huluxia.com/g4/M01/65/9C/rBAAdl91T-OABV6uAACt4WdlvYs800.jpg
Vue的生命周期和react有些类似：

1.beforeCreate():创造之前,此时数据data和事件方法methods还未绑定到app对象上

2.created():创造,数据data和方法methods绑定到应用对象app上

3.beforeMount():挂载之前,渲染之前，根据数据生成的DOM对象是获取不到的

4.mounted():挂载,渲染之后，可以获取数据生成的DOM对象

5.beforeUpdate():当data被修改时,数据更改，但内容未更改之前

6.updated():data数据更改时，内容更改后

7.beforeDestroy():应用销毁之前

8.destroyed():应用销毁之后

http://cdn.u1.huluxia.com/g4/M01/65/9C/rBAAdl91T-SAU7CkAAOH7RfiHAM531.png



简单的代码来实现一下生命周期：http://cdn.u1.huluxia.com/g4/M01/65/9C/rBAAdl91T-WAFNh5AAG-x8vD-I8398.jpg
组件的使用，实现更新和挂载生命周期的变化代码：http://cdn.u1.huluxia.com/g4/M01/65/9C/rBAAdl91T-aAKZ7tAAHvQA4VKLY448.jpg

天镜盗梦 发表于 2020-12-6 09:08:01

支持黑科技

liqiang24 发表于 2020-12-6 13:19:18

顶起顶起顶起

千百渡 发表于 2020-12-7 14:09:22

在撸一遍。。。

大司命 发表于 2020-12-11 11:17:06

LZ帖子不给力，勉强给回复下吧

查看完整版本: 【LSP】VueDay12Vue的生命周期