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