vue的三大核心知识点

  • 响应式: 监听data属性getter setter(包括数组)
  • 模板编译: 模板到render函数再到vnode
  • vdom: patch(elem, vnode)和patch(vnode, newVnode)

vue组件初次渲染过程

  • 解析模板为render函数(或在开发环境已完成,vue-loader)
  • 触发响应式,监听data属性getter setter
  • 执行render函数,生成vnode,patch(elem, vnode)

更新过程

  • 修改data,触发setter(此前getter中已被监听)
  • 重新执行render函数,生成newVnode
  • patch(vnode, newVnode)

在这里插入图片描述

相关推荐

  1. vue知识

    2024-07-21 18:24:01       60 阅读
  2. 深度学习核心数学知识

    2024-07-21 18:24:01       31 阅读
  3. GoLang核心知识

    2024-07-21 18:24:01       32 阅读
  4. Spring核心知识

    2024-07-21 18:24:01       37 阅读
  5. Vue知识

    2024-07-21 18:24:01       42 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-21 18:24:01       67 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-21 18:24:01       72 阅读
  3. 在Django里面运行非项目文件

    2024-07-21 18:24:01       58 阅读
  4. Python语言-面向对象

    2024-07-21 18:24:01       69 阅读

热门阅读

  1. Leetcode热题100 Day3

    2024-07-21 18:24:01       18 阅读
  2. SQL Server查询计划阅读及分析

    2024-07-21 18:24:01       20 阅读
  3. 【整理了一些关于使用swoole使用的解决方案】

    2024-07-21 18:24:01       17 阅读
  4. Vue中如何封装接口

    2024-07-21 18:24:01       22 阅读
  5. happens-before

    2024-07-21 18:24:01       18 阅读
  6. 如何实现宝塔面板免手机号登录?

    2024-07-21 18:24:01       21 阅读
  7. 自动化炒股:券商交易接口API调用方法

    2024-07-21 18:24:01       21 阅读
  8. Redis的过期删除策略与内存淘汰机制

    2024-07-21 18:24:01       23 阅读
  9. vivado INTERNAL_VREF

    2024-07-21 18:24:01       20 阅读
  10. 商品价格中也有“歧视”

    2024-07-21 18:24:01       22 阅读
  11. Unity3D UGUI适配不同分辨率详解

    2024-07-21 18:24:01       23 阅读
  12. 【Flask项目】文件分享系统(二)

    2024-07-21 18:24:01       20 阅读