当前位置: 首页 > news >正文

Vue四个阶段,八个钩子函数

-  创造阶段:创建Vue实例和初始化数据事件,数据代理,监测watch
    -  beforeCreate,只是创建实例,不能this.$el,this.msg,this.方法名()
    -  created,数据代理了,能vm.msg,监测watch不能this.$el,可以this.msg,this.方法名()
- 挂载阶段,虚拟dom转化成真实dom
    - beforeMount,生成了虚拟dom,this.$el,this.msg,this.方法名()都可以,没有渲染
    - mounted,生成了真实dom
- 更新阶段,当data数据更新,调用这两个函数
    - beforeUpdated,数据更新,虚拟dom没有更新
    - updated,虚拟dom更新
- 销毁阶段,调用vm销毁函数,不会自己销毁
    - bedoreDestory,还未销毁,实例仍在,在这定时器销毁。
    - destoryed,实例已经销毁,组件销毁,数据代理销毁,监听器销毁,这里也可以定时器销毁。
钩子函数是配置项,value是函数,调用那个函数。

http://www.lryc.cn/news/286266.html

相关文章:

  • rancher和k8s接口地址,Kubernetes监控体系,cAdvisor和kube-state-metrics 与 metrics-server
  • idea编译打包前端vue项目
  • Unity中URP下的 额外灯 逐像素光 和 逐顶点光
  • 《WebKit 技术内幕》学习之五(2): HTML解释器和DOM 模型
  • Redis实战之-分布式锁-redission
  • 离线数据仓库-关于增量和全量
  • 09 STM32 - PWM
  • 三勾点餐系统java+springboot+vue3,开源系统小程序点餐系统
  • 《WebKit 技术内幕》学习之五(1): HTML解释器和DOM 模型
  • 小程序学习-21
  • Spring第七天(AOP)
  • 【0247】PG内核checkpoint实现机制分析(2)
  • 单例模式分享
  • Linux查找日志常用命令
  • 中国国际光伏展
  • openai assistants api接入微信机器人,实现类GPTs功能
  • 性能优化-OpenCL kernel 开发
  • systick定时器
  • Unity学习-逐帧图集动画制作
  • 鸿蒙使用第三方SO库
  • 宝塔FTP文件传输服务结合cpolar内网穿透实现远程连接本地服务
  • 【ARMv8M Cortex-M33 系列 7.4 -- 如何使能 usagefault | memmange fault | bus fault 中断】
  • Android Studio安卓开发--ListView学习整理
  • hyperf 和 laravel、lumen防止xss攻击中间件封装
  • flask web 学习之用户认证与会话管理
  • 更改wpf原始默认按钮的样式
  • 【协议】HTTP、HTTPS和HTTP2.0学习总结
  • [数据结构]顺序表
  • 北斗卫星为野外科考人员提供安全保障
  • Linux的一些快捷键(hot keyboard)