前端vue学习曲线（14）生命钩子

最新推荐文章于 2024-08-18 10:43:25 发布

菜鸟_zhengke

最新推荐文章于 2024-08-18 10:43:25 发布

阅读量157

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/qq_42014192/article/details/98751763

版权

vue 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

例子：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<!-- 开发环境版本，包含了有帮助的命令行警告 -->
		<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
	</head>
	<body>
		<div id="app1">
			{{a}}
		</div>
	</body>
</html>
<script>
	var app1 = new Vue({
		el:"#app1",
		data:{
			a:1
		},
		//创建前
		befobeforeCreate:function(){
			console.log("创建前:befobeforeCreate")
		},
		//创建后
		created:function(){
			console.log("创建后:created")
		},
		
		//挂载前
		beforeMount:function(){
			console.log("挂载前:beforeMount")
		},
		//挂载后
		mounted:function(){
			console.log("挂载后:mounted")
		},
		//更新前
		beforeUpdate:function(){
			console.log("更新前:beforeUpdate")
		},
		//更新后
		updated:function(){
			console.log("更新后:updated")
		},
		//销毁前
		beforeDestroy:function(){
			console.log("销毁前:beforeDestroy")
		},
		//销毁后
		destroyed:function(){
			console.log("销毁后:destroyed")
		}
	});
</script>