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 () {
// 组件销毁之后
}
})
