无名 发表于 2022-5-8 17:02:33

【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
页: [1]
查看完整版本: 【LSP】VueDay12Vue的生命周期