博客

一，VUE之生命周期钩子

生命周期 ？

从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期！

概念图



钩子列表

Vue 组件的生命周期分为四个阶段，每个阶段有两个生命钩子

（1）创建阶段：创建之前（beforebeforeCreate），创建完毕（created）

（2）挂载阶段：挂载之前（beforeMount），挂载完毕（mounted）

（3）更新阶段：更新之前（beforeUpdate），更新完毕（updated）

（4）销毁阶段：销毁之前（beforeDestroy），销毁之后（destroyed）

<div class="app">
			<p>{
  {info}}</p>
		</div>
		<script>
			var app = new Vue({
				el:'.app',
				data:{
					info:"信息"
				},
				methods:{
					
				},
				beforeCreate:function(){
					console.group("----beforeCreate创建之前----");
						console.log("%c%s","color:red","el为"+this.$el); //undefined
						console.l