new Vue({
el : "#app",
data : {
meg:"welcome"
},
methods: {
update(){
this.meg = "歡迎"
},
destroy(){
this.$destroy();
}
},
beforeCreate () {
// 創建前狀態， el 和data 并未初始化
console.log("組件實例剛剛創建,還未進行數據觀察和事件配置");
},
created() {
// 創建完成，完成了data數據的初始化 el沒有
console.log("組件實例已經創建完成，并且已經進行數據觀察和事件配置");
},
beforeMount() {
// 掛載前狀態，完成了el和data初始化
console.log("模板編譯之前，還沒掛載");
},
mounted() {
// 完成掛載
console.log("模板編譯之后，已經掛載,此時才會有渲染頁面，才能看到頁面上數據的顯示");
},
beforeUpdate() {
// 更新前狀態
console.log("組件更新前")
},
updated() {
// 更新完成狀態
},
beforeDestroy() {
// 組件銷毀之前
},
destroyed () {
// 組件銷毀之后
}
})
