生命週期圖:
每個Vue實例在被創建時都要經過一系列的初始化過程——例如,需要設置數據監聽、編譯模板、將實例掛載到 DOM 並在數據變化時更新 DOM 等。
同時在這個過程中也會運行一些叫做生命週期鉤子的函數,這給了用戶在不同階段添加自己的代碼的機會。
<html>
<head>
<!-- 開發環境版本,包含了有幫助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<!-- 生產環境版本,優化了尺寸和速度
<script src="https://cdn.jsdelivr.net/npm/vue"></script> -->
</head>
<body>
<div id="app">
</div>
</body>
</html>
<script>
var vm = new Vue({
el: '#app',
data: {},
methods:{
//自定義方法
fn:function(){
//
}
},
mounted:function(){
debugger;
//不同階段添加自己的代碼
},
created:function(){
debugger;
//不同階段添加自己的代碼
},
beforeMount:function(){
debugger;
//不同階段添加自己的代碼
}
})
</script>