首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >Vue中的生命周期的钩子函数有那些

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

作者头像
用户9006224
发布2022-12-21 09:18:04
发布2022-12-21 09:18:04
6820
举报
文章被收录于专栏:cjz的专栏cjz的专栏

8个钩子函数:

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-11-29,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 8个钩子函数:
  • 钩子函数执行图
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档