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

Vue32-挂载流程

一、init阶段

生命周期本质是函数。

1-1、beforeCreate函数 

注意:

此时vue没有_data,即:data中的数据没有收到。 

1-2、create函数 

 

二、生成虚拟DOM阶段

注意:

因为没有template选项,所以,整个div root都是模版!不是只有div里面的才是模版。

三、挂载

1、beforeMount函数

 

2、虚拟DOM——>真实DOM 

在beforeMount函数期间对DOM的任何操作,因为随后进行的虚拟DOM——>真实DOM,导致最终都不奏效!!!

3、mounted函数

页面渲染的是vue编译后的结果。

至此,初始化过程结束!!!!

四、当没有el选项的时候 

等到页面调用的vm.$mount('xxxx')操作,后面的挂载函数才执行!

五、template选项

template选项,等到用组件的时候再说。

六、小结

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

相关文章:

  • 算法金 | 一个强大的算法模型:t-SNE !!
  • 用IAST工具强化“越权检测”能力,提升系统安全性
  • VirtualStudio配置QT开发环境
  • Nature发文介绍使用ChatGPT帮助学术写作的三种方式
  • 【网络安全的神秘世界】Kali 自带 Burp Suite 使用指南:字体与CA证书设置详解等
  • 【Go】爬虫数据解密_使用Go语言实现TripleDES加密和解密
  • 【HarmonyOS NEXT】鸿蒙 如何在包含web组件的页面 让默认焦点有效
  • mysql常用参数配置详解my.cnf my.ini
  • GlusterFS企业分布式存储
  • SSH生成SSH密钥(公钥和私钥)
  • 阶段性总结:如何快速上手一个新的平台或者技术
  • kettle从入门到精通 第七十一课 ETL之kettle 再谈http post,轻松掌握body中传递json参数
  • 第十二章:会话控制
  • 【LeetCode滑动窗口算法】长度最小的子数组 难度:中等
  • MySQL 用户权限管理:授权、撤销、密码更新和用户删除(图文解析)
  • Day39
  • Nginx之HTTP模块详解
  • JCR一区 | Matlab实现GAF-PCNN、GASF-CNN、GADF-CNN的多特征输入数据分类预测/故障诊断
  • 最新Prompt预设词分享,DALL-E3文生图+文档分析
  • 基于SpringBoot+Vue会所产后护理系统设计和实现
  • Linux中的EINTR和EAGAIN错误码
  • 用户需求分析揭秘:最佳实践与策略
  • 批量创建文件夹 就是这么简单 一招创建1000+文件夹
  • LogicFlow 学习笔记——8. LogicFlow 基础 事件 Event
  • Nginx缓存之代理缓存配置
  • 【Android】使用SeekBar控制数据的滚动
  • 新能源汽车的能源动脉:中国星坤汽车电缆在新能源汽车电气化中的应用!
  • AVL许可证查询系统
  • 四个步骤,帮你成为价值导向型项目经理
  • Python3 使用 clickhouse-connect 操作 clickhouse