本文详细介绍了对象在Vue应用中的生命周期过程，包括八个关键阶段及其对应的生命周期方法，如beforeCreate、created等，以及在实际代码中的示例。
1.生命周期：指一个对象从创建到销毁的整个过程
2.生命周期的八个阶段：每触发一个生命周期事件就会自动执行一个生命周期方法（所以不需要我们自己去调用这些方法）
不同的阶段周期的状态也不同
如beforeCreate处于创建前
created处于创建后
beforeMount处于挂载前
mounted处于挂载完成
beforeUpdate更新前
updated更新后
beforeDestroy销毁前
destroyed销毁后
<!DOCTYPE html>
<html lang="en">
<head>
<script src="vue.js">//引入vue文件</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
</head>
<body>
</body>
</html>
<script>
//定义vue对象
new Vue({
el: "#app",//vue所接管的区域
data: {
},
methods: {
},
beforeCreate() {
alert("创建前")
},
created() {
alert("创建后")
},
beforeMount() {
alert("挂载前")
},
mounted() {
alert("挂载完成")
},
beforeUpdate() {
alert("更新前")
},
updated() {
alert("更新后")
},
beforeDestroy() {
alert("销毁前")
},
destroyed() {
alert("销毁后")
},
})
</script>
扫一扫
1189
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
