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选项,等到用组件的时候再说。

六、小结

相关推荐

  1. Vue Router (创建 挂载

    2024-06-16 00:36:02       7 阅读
  2. vue3挂载axios挂载全局方法

    2024-06-16 00:36:02       14 阅读
  3. vue3挂载全局方法

    2024-06-16 00:36:02       39 阅读
  4. vue2挂载全局方法/组件

    2024-06-16 00:36:02       31 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-06-16 00:36:02       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-06-16 00:36:02       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-06-16 00:36:02       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-06-16 00:36:02       18 阅读

热门阅读

  1. 设计模式之服务定位模式

    2024-06-16 00:36:02       7 阅读
  2. SpringCloud框架的复习(面试)

    2024-06-16 00:36:02       7 阅读
  3. ORDER BY FIELD

    2024-06-16 00:36:02       5 阅读
  4. C语言题目:排序问题1

    2024-06-16 00:36:02       6 阅读
  5. 0-1 背包问题(动态规划 查询背包元素)

    2024-06-16 00:36:02       3 阅读
  6. 安装nginx的几种方式

    2024-06-16 00:36:02       4 阅读
  7. 游戏心理学Day15

    2024-06-16 00:36:02       7 阅读
  8. mysql大表ddl注意

    2024-06-16 00:36:02       5 阅读
  9. 使用C++调用PCL库实现三维重建示例

    2024-06-16 00:36:02       5 阅读