Vue生命周期

基础概念

每个 Vue 实例在被创建时都要经过一系列的初始化过程，在Vue实例生命周期的不同阶段调用会调用不同的钩子函数。一般主要使用created函数和mounted函数。

created：在实例创建之后，数据渲染之前执行
mounted：在数据渲染之后执行

验证created和mounted函数执行顺序

<div id="app">
   {{msg}}
</div>
 
<script>
	var vm = new Vue({
		el:"#app",
		data:{
			msg:"lalala"
		},
		created(){
			debugger  //前端调试设置debug断点
			//在页面渲染之前执行
			console.log("created...");
		},
		mounted(){
			debugger
			//在页面渲染之后执行
			console.log("mounted...");
		}
	});
</script>

debug：