vue 生命週期
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="app">
<div id="msg">{{msg}}</div>
<input type="button" value="按鈕" @click="msg='ok'">
</div>
<script src="../lib/vue.js"></script>
<script type="text/javascript">
const vm= new Vue({
el:"#app",
data: {
msg:'success'
},
methods:{
show(){
console.log("show")
}
},
beforeCreate(){
// console.log(this.msg);
// this.show();
},
created(){
console.log(this.msg);
this.show();
},
beforeMount(){
console.log(document.getElementById('msg').innerText)
},
mounted(){
console.log(document.getElementById('msg').innerText)
},
beforeUpdate(){
console.log(document.getElementById('msg').innerText)
},
updated(){
console.log(document.getElementById('msg').innerText)
}
})
</script>
</body>
</html>
對應視頻:生命週期