作者:php小白啊 | 来源:互联网 | 2023-05-18 07:01
Vue的生命周期和react有些类似:1.beforeCreate():创造之前,此时数据data和事件方法methods还未绑定到app对象上2.created():创造,数据d
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():应用销毁之后
简单的代码来实现一下生命周期:
{{msg}}
类名绑定
组件的使用,实现更新和挂载生命周期的变化代码: