8个钩子函数:
beforeCreate() {
console.log("初始化vue实例之前")
},
created() { //常用
console.log("初始化vue实例之后")
},
beforeMount() {
console.log("js中的数据挂载到html之前")
},
mounted() { //常用
console.log("js中的数据挂载到html之后")
},
beforeUpdate() {
console.log("vue中的data数据发生改变之前")
},
updated() {
console.log("vue中的data数据发生改变之后")
},
beforeDestroy() {
console.log("vue实例销毁之前")
},
destroyed() {
console.log("vue实例销毁之后,VUE的效果就消失了,比双向绑定")
}
钩子函数执行图
这个非本人制作,来源:Baidu图片搜索来的,感谢这个图片的作者,但是真的很棒,有助于理解!