Vue中的生命周期的钩子函数有那些

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图片搜索来的,感谢这个图片的作者,但是真的很棒,有助于理解!