每个vue实例在被创建之前都会经过一系列的初始化过程，这个过程就是vue的生命周期
13987258-c95f6f3f6c7d103c.png
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id='app'>{{msg}}</div>
<script src='js/vue.js'></script>
<script>
new Vue({
el:'#app',
data:{
msg:'hello vue'
},
beforeCreate:function(){
alert('beforeCreate')//创建前
},
created:function(){
alert('Created')//创建后
},
beforeMount:function(){
alert('befroeMounted')//载入前
},
mounted:function(){
alert('mounted')//载入后
}
})
</script>
//beforeUpdate更新前 Updated更新后 beforeDestroy销毁前 destroyed销毁后
</body>
</html>
网友评论