Vue生命周期
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>
原文地址:https://blog.csdn.net/NaZiMeKiY/article/details/137679983
免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!