Vue-源码知识-Vue3-运行时-介绍

2023/6/13 Vue

# 简介

Vue 是一个运行时 + 编译时的框架,所谓的运行时就是 Vue 可以通过 h 函数生成 vnode,再通过 render 函数把 vnode 渲染成真实 DOM 的能力,而编译时则指的是 Vue 可以解析 template 中的标签,把这些标签转换为 render 函数完成渲染的能力

思考:为什么 Vue 要设计成一个运行时 + 编译时的框架?

  • 针对于纯运行时而言:因为不存在编译器,所以我们只能提供一个复杂的 JS 对象
  • 针对于纯编译时而言:因为缺少运行时,所以它只能把分析差异的操作,放到编译时进行,同样因为省略了运行时,所以速度可能会更快,但是这种方式将损失灵活性,比如 svelte,它就是一个纯编译时的框架,但是它的实际运行速度可能达不到理论上的速度
  • 运行时 + 编译时:比如 Vue 或 React 都是通过这种方式来进行构建的,使其可以在保持灵活性的基础上,尽量的进行性能的优化,从而达到一种平衡

# 重点

  • h 函数

  • render 函数

Last Updated: 2024/6/11 14:20:38
    飘向北方
    那吾克热-NW,尤长靖